Supportnet / Forum / Webseiten/HTML
css - div zentrieren
Frage
Ich habe mit diesem Code verschiedene Elemente definiert:
[code]body {
font-family: Arial;
font-size: 12px;
background: #FFFFFF;
text-align: center;
}
#header {
margin: auto;
background: #E06060;
width: 744;
height: 100;
}
#logo {
font-family: Arial;
font-size: 12px;
text-align: center;
background: #FF9F00;
float: left;
width: 100;
height: 100;
}
#banner {
margin-left: 120px;
font-family: Arial;
font-size: 12px;
text-align: center;
background: #FF9F00;
width: 624;
height: 80;
}[/code]
In HTML ist das wie folgt eingebunden:
[code]<div id="header">
<div id="logo">logo</div>
<div id="banner">banner</div>
</div>[/code]
Dabei sind die "logo" und "banner" innerhalb von "header" untergebracht, letzterer wird zentriert angezeigt.
Das klappt im Opera-Browser sowie im Mozilla Firefox ganz gut, nur im IE werden "logo" und "banner" nicht neben-, sondern untereinander angezeigt. Wie ist das ganze browserübergreifend zu formulieren?
Antwort 1 von sutadur
Wie ... hat keiner eine Lösung? *gg*
Antwort 2 von Toadie
Moin moin,
#header {
margin: auto;
background: #E06060;
width: 744;
height: 100;
}
Wenn du in dem Teil die Breite etwas vergrößerst geht es. Wenn du unbedingt diese Breite verwenden möchtest, dann versuche mal die Elemente mit genauen Positionen zu definieren (SelfHTML).
Gruz
Igthorns Schuhputzer
#header {
margin: auto;
background: #E06060;
width: 744;
height: 100;
}
Wenn du in dem Teil die Breite etwas vergrößerst geht es. Wenn du unbedingt diese Breite verwenden möchtest, dann versuche mal die Elemente mit genauen Positionen zu definieren (SelfHTML).
Gruz
Igthorns Schuhputzer