Hilfe - Suche - Mitglieder - Kalender
Vollansicht: Css-layer Im Layer Zentriert?
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML
amethyst
Hallo,

ich hab einen div-container in dem ich einen 2. div-container zentriert anordnen möchte, zentrieren will ich aber nur den Container, nicht auch den Text in diesem Cotainer, wie und wo muss ich das angeben?

Hier die beiden Container im Code:

QUELLTEXT
Hauptcontainer

#haupt
{padding: 5px 20px 10px 20px;
width:100%;
background-color: lemonchiffon;}

Textcontainer
#text
{width:619;
background-color: lemonchiffon;
border-style:solid;
border-color:#812398;
border-width:1px}


Vermutlich muss ich die Zentrierung in der Seite eingeben, aber wie? Mit center wird auch die Schrift zentriert, was ich natürlich nicht will.

Gruß Uschi
Terry
Hallo Uschi,

ich hatte ja letztens so ähnliche Probleme, wie Du Dich vielleicht erinnerst... blush.gif

Der korrekte Weg wäre, in der CSS-Angabe für den Textcontainer margin-left:auto; und margin-right:auto; anzugeben. Denn wenn beidseitig der gleiche Abstand eingehalten werden soll, muss der Container ja in der Mitte sein.
Einziges, klitzekleines Problemchen dabei: der IE versteht das nicht... rolleyes.gif
Also fällt das leider flach.

Andere Möglichkeit: Du setzt den Textcontainer in ein <center> </center> und definierst aber in der CSS zusätzlich: text-align:left; - das klappt zumindest im IE6 und im Firefox, vermutlich auch bei anderen Browsern.

Grüße, Terry
amethyst
Danke Terry, das wars ;-))

die 2. Lösung funktioniert ;-))

Gruß Uschi
Terry
Hach, schön dass ich mal helfen konnte... wink.gif

Noch ein Tipp zum Layer-positionieren-Üben: Auf fractatulum.net gibt es Online-Editor zum üben - am besten mit 2 Browsern parallel machen. Ist ganz witzig, sich die Unterschiede anzugucken... So richtig kann ich ehrlich gesagt immer noch nicht damit umgehen, auch wenn mein Design jetzt wenigstens sitzt...

Und hier der Link:Online-Editor

Grüße, Terry
Auge
ZITAT(amethyst03 @ 24.04.2004 - 23:13)
QUELLTEXT
#text
{width:619;
background-color: lemonchiffon;
border-style:solid;
border-color:#812398;
border-width:1px}

Hallo

Noch 'ne kleine Anmerkung: deine Breitenangabe bedarf noch einer Maßeinheit.
Sonst versteht es wieder nur der MSIE (wegen seiner exorbitanten Fehlertoleranz).

Tschö, Auge
amethyst
Danke Auge, gut zu wissen ;-)) obwohl der Firefox die Tabelle richtig angezeigt hat ;-))

Gruß Amethyst
Auge
Hallo Uschi

Das hätte ich jetzt nicht gedacht. Andere unvollständige CSS-Angaben
übergeht die Gecko Engine (Renderer von Moz, Firefox etc.) durchaus.

Sei's drum, irgendein Browser wird damit doch Probleme haben. Und das nur
wegen eines solchen Fehlerchens, wäre doch albern. wink.gif

Tschö, Auge
amethyst
Hallo Auge,

hast ja recht und ich hab es geändert ;-))

Uschi
Netizen
ZITAT(Terry @ 24.04.2004 - 23:37)
ich hatte ja letztens so ähnliche Probleme, wie Du Dich vielleicht erinnerst... blush.gif

Der korrekte Weg wäre, in der CSS-Angabe für den Textcontainer  margin-left:auto; und margin-right:auto; anzugeben. [...]
Einziges, klitzekleines Problemchen dabei: der IE versteht das nicht... rolleyes.gif
Also fällt das leider flach.

Der IE wendet aber (fälschlicherweise) text-align auch auf Blockelemente an, damit sollte sich das Problem lösen lassen (ggf. im inneren div wieder mit text-align: left zurücksetzen).

HTH
n!
Dieses ist eine vereinfachte Darstellung unseres Foreninhaltes. Um die detaillierte Vollansicht mit Formatierung und Bildern zu betrachten, bitte hier klicken.
Invision Power Board © 2001-2012 Invision Power Services, Inc.