Css-layer Im Layer Zentriert? Einstellungen

[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...

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...
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...

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

Der Beitrag wurde von Terry bearbeitet: 24.04.2004 - 22:54

[Auge]

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.

Tschö, Auge

[amethyst]

Hallo Auge,

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

Uschi

[Netizen]

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

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...
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!

[Google Bot]