Hallo!
Leider macht mir der IE7 die Positionierung meines Menü-Divs falsch. Ich verwende dazu absolute Positionierung. Hab zwar über diverse Positionierungsbugs im IE gelesen. Hat mir aber nicht weiter geholfen. Vlt könnt ihr mir ja helfen.
Hier ein Auszug aus der CSS:
<style type="text/css">
body, p, h1, h2, h3, div, span, hr, ul, li, hr, img, table, tbody, td, tr {padding:0; margin:0;}
body {
color: #000;
background: #919191;
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
/*text-align:center;*/
}
div#head {
margin: 0;
height:160px;
width: 975px;
padding: 10px;
text-align: center;
border: 0px;
border-right: 1px solid black;
background-color: #F0F0F0;
}
div#box {
margin: 0;
height:56px;
width: 253px;
padding: 0px;
text-align: center;
border: 0px;
border-top: 1px solid black;
background-color: #cc0000;
}
ul#menu {
/*
Einstellung für Opera und Firefox, nicht für IE geeignet
*/
position: absolute;
left: 253px;
top: 167px;
padding: 1.5em;
text-align: center;
width: 703px;
background-color: #cc0000;
border-left: 0px;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-top: 1px solid black;
}
...
Die Seite soll dann so aussehen:
#_______HEAD_______#
#Box##____Menü_____#
#Sub##___Content___#
#Sub##___Content___#
#Sub##___Content___#
#Sub##___Content___#
#Sub##___Content___#
Bei Opera und FF ist die Position vom Menü korrekt, also bündig mit Box. Der IE setzt es zu weit nach oben und zu weit nach rechts.
Mich beschleicht das Gefühl, dass ich um eine Browserweiche nicht herrum kommen werde... Oder habt ihr eine Idee?
Leider macht mir der IE7 die Positionierung meines Menü-Divs falsch. Ich verwende dazu absolute Positionierung. Hab zwar über diverse Positionierungsbugs im IE gelesen. Hat mir aber nicht weiter geholfen. Vlt könnt ihr mir ja helfen.
Hier ein Auszug aus der CSS:
<style type="text/css">
body, p, h1, h2, h3, div, span, hr, ul, li, hr, img, table, tbody, td, tr {padding:0; margin:0;}
body {
color: #000;
background: #919191;
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
/*text-align:center;*/
}
div#head {
margin: 0;
height:160px;
width: 975px;
padding: 10px;
text-align: center;
border: 0px;
border-right: 1px solid black;
background-color: #F0F0F0;
}
div#box {
margin: 0;
height:56px;
width: 253px;
padding: 0px;
text-align: center;
border: 0px;
border-top: 1px solid black;
background-color: #cc0000;
}
ul#menu {
/*
Einstellung für Opera und Firefox, nicht für IE geeignet
*/
position: absolute;
left: 253px;
top: 167px;
padding: 1.5em;
text-align: center;
width: 703px;
background-color: #cc0000;
border-left: 0px;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-top: 1px solid black;
}
...
Die Seite soll dann so aussehen:
#_______HEAD_______#
#Box##____Menü_____#
#Sub##___Content___#
#Sub##___Content___#
#Sub##___Content___#
#Sub##___Content___#
#Sub##___Content___#
Bei Opera und FF ist die Position vom Menü korrekt, also bündig mit Box. Der IE setzt es zu weit nach oben und zu weit nach rechts.
Mich beschleicht das Gefühl, dass ich um eine Browserweiche nicht herrum kommen werde... Oder habt ihr eine Idee?
Comment