nicht angemeldet
Div-Positionierung im IE falsch
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?
-
Schau mal bitte Nach, ob Du den DOCTYPE korrekt angegeben hast - es könnte sein, dass Du im Quirks Mode gelandet bist...
Gruß, LX
-
Schau mal bitte Nach, ob Du den DOCTYPE korrekt angegeben hast - es könnte sein, dass Du im Quirks Mode gelandet bist...
Gruß, LX
HTML-Seite beginnt mir:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>-
HTML-Seite beginnt mir:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>das sagt rein garnix über den zustand des restlichen codes aus bzw ob er valide ist oder nicht
man kann jedoch darauf schließen, dass dein code den ie in den qirksmode zwingt, da vor <!DOCTYPE ein paar leerzeichen zu finden sind
-
HTML-Seite beginnt mir:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>das sagt rein garnix über den zustand des restlichen codes aus bzw ob er valide ist oder nicht
man kann jedoch darauf schließen, dass dein code den ie in den qirksmode zwingt, da vor <!DOCTYPE ein paar leerzeichen zu finden sind
Davor sind in der HTML-Seite keine Leerzeichen. Das war nur ein Kopierfehler von mir.
Kann mich mal jemand aufklären was dieser qirksmode ist?
-
Kann mich mal jemand aufklären was dieser qirksmode ist?
der ie6 stellt im quirksmode zb das box-model falsch dar
richtig: margin + border + padding + width
falsch: margin + border - padding + width
-
-
-
-