IE 7 Problem mit zeilenhöhe im container ohne float
Susanne07
- browser
0 imho_tep
0 twseiten_de
Hallo Forum,
der IE 7 zeigt in meinem layout die Überschrift h3 nach unten verrutscht an. Sonst funktioniert alles prima.
Es kann doch nur einer dieser IE bugs sein, aber welcher?
Weiß jemand einen Rat?
meine doc declaration:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> mit charset=iso-8859-1
MEIN CSS:
body {
font-size: 100.01%;
line-height: 1.01em;
text-align: left
}
div#kopf { height: 175px; float: none; overflow: auto }
h1 { margin-left: 255px }
h2 { font-size: 115%; line-height: 1.01em }
h3 { font-size: 115%; line-height: 1.01em; padding-left: 10px }
div#navigation {
width: 220px;
float: left;
border-style: groove; border-width: 0.5em 0.5em 0.2em 0.2em; border-color: blue
}
div#inhalt {
background: #d7e9ff;
margin-left: 250px;
border-style: groove; border-width: 0.5em 0.5em 0.2em 0.2em; border-color: #d7e9ff
}
* html div#Inhalt { height: 1em }
MEIN HTML:
<div id="kopf">
<h1><span>Container Kopf</span></h1>
</div>
<div id="navigation">
<h2>Navigation</h2>
<ul>
<li class="underline"><dfn>1</dfn>Link1
<li><dfn>2</dfn><a title="Link 2" href="#link"> Link2 usw</a>
</ul>
</div>
<div id="inhalt">
<h3>Überschrift</h3>
<p><span class="padleft">Text</span></p>
</div>
Gruß Susanne
der IE 7 zeigt in meinem layout die Überschrift h3 nach unten verrutscht an. Sonst funktioniert alles prima.
Hallo Susanne,
es liegt wohl daran, dass der IE <h3> anders interpretiert. Spendiere dem <h3> noch ein margin-top:0, dann sollte es gehen.
Best wishes, imho_tep
Hallo,
ein paar Tipps zum IE-DocType.
Gruss Tom.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- IE-spezifischer DOCTYPE, der nicht zu ändern ist. -->
<!-- niemals ... DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" ... -->
<!-- da sonst IE nur noch CSS-Standard laut Url nutzt und keinen IE-eigenen CSS mehr nutzt -->
<!-- niemals ... DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN" .... mit oder ohne "http ...." -->
<!-- da HTML-Attribute verwendet sein können, die veraltet sind, aber für die es keinen Style-Ersatz gibt -->
Hallo,
ein paar Tipps zum IE-DocType.
Gruss Tom.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- IE-spezifischer DOCTYPE, der nicht zu ändern ist. -->
<!-- niemals ... DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" ... -->
<!-- da sonst IE nur noch CSS-Standard laut Url nutzt und keinen IE-eigenen CSS mehr nutzt -->
<!-- niemals ... DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN" .... mit oder ohne "http ...." -->
<!-- da HTML-Attribute verwendet sein können, die veraltet sind, aber für die es keinen Style-Ersatz gibt -->
Hallo Tom,
danke, daß du nachgesehen hast. Nur hilft mir deine Antwort so nicht weiter. Welche doctype declaration empfiehlst du denn? ich habe ja immerhin auf html 4.01 validiert. du kannst ja gerne mal gucken unter: http://www.dorettehugo.de/papatest/index.html.
Gruß Susanne
hi,
Nur hilft mir deine Antwort so nicht weiter.
Falls es dich tröstest - du bist nicht die Einzige, die aus seinem Geschwafel, was nicht selten nach überwiegend Copy&Paste aussieht, wenig bis gar keinen Erkenntniszugewinn erzielen kann.
gruß,
wahsaga