SELFHTML Forum
SELFHTML Forumsarchiv
2008
Juni
 |
SELFHTML Forumsarchiv |
 |
|
 |
|
Die folgende Nachricht zum Thema stammt von: Kai, 30. 06. 2008, 09:02
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?
Die folgende Nachricht zum Thema stammt von: LX, 30. 06. 2008, 09:20
Schau mal bitte Nach, ob Du den DOCTYPE korrekt angegeben hast - es könnte sein, dass Du im Quirks Mode gelandet bist...
Gruß, LX
Die folgende Nachricht zum Thema stammt von: Kai, 30. 06. 2008, 09:29
»» 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>
Die folgende Nachricht zum Thema stammt von: suit, 30. 06. 2008, 11:14
»» 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
Die folgende Nachricht zum Thema stammt von: Kai, 30. 06. 2008, 11:19
»» »» 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?
Die folgende Nachricht zum Thema stammt von: suit, 30. 06. 2008, 12:17
»» Kann mich mal jemand aufklären was dieser qirksmode ist?
wikipedia klärt auf
der ie6 stellt im quirksmode zb das box-model falsch dar
richtig: margin + border + padding + width
falsch: margin + border - padding + width
© 1998-2006 
Impressum, Software: Classic Forum
(CSS)