✔ CSS Mittig ausrichten

[Wolfsbein]

Hallo
ich versuche eine Container per CSS immer mittig ausrichten zu lassen. Das klappt unter Opera und unter Mozilla. Der IE ignorierts mal wieder . Allerdings sollte er es auch beherrschen. Es fehlt wohl nur irgendeine spezielle Angabe. Hier mal der relevante Code:

body    {font-family:Arial,sans-serif;
         font-size:12px;
         width:auto; 
         height:100%;
         padding:0px;
         min-width:780px;
         background-color:#ffffcc;
         margin:0px;
         border:none;       
        }
#container  {position:relative;top:151px;
             width:770px;
             height:auto;   
             background-color:#ffffcc;
             margin-left:auto;
             margin-right:auto;
            }

Und hier noch eine live Demo: http://dev.hugo-schaschlik.de/css/

 

[derGugi]

hallo
wieso ist es denn im mozilla mittig? wegen margin-left:auto und margin-right:auto? ich kenne eben den auto befehl ned. aber du könntest ja ein div machen mit width:100% und align:center; dort schmeist du dann deinen container rein.

greetz gugi (und sorry wegen dem gelöschten Post ;-))

 

[dexterward]

Schau mal unter bzw. dem Link folgend:

http://www.drweb.de/html/layer_4.shtml
http://bluerobot.com/web/css/center2.html

Gruss

 

[Marvin]

Da musst du drumherum arbeiten. Eigentlich total unlogisch, aber es geht: Für den BODY-Tag "text-align: center;" definieren. Sollte zwar logischerweise nur Inline-Elemente mittig ausrichten und keine Container, aber mit diesem Workaround gehts eben auch im Internet Explorer.

 

[Wolfsbein]

Danke. text-align:center wars. Nur muss ich jetzt in jedem anderen Element wieder text-align:left; definieren. Aber den IE lieben wir doch alle .