IE6 und inline-block

xm22 · #1 (**permalink**) 30.07.2010, 08:36

Hallo,

ich habe einen Link gefunden, nach dem inline-block auch im IE6 funktioniert. Die Seite schreibt zwar von IE7, aber weiter unten kann man im IE6 sehen, dass es trotzdem funktioniert. Der Link: IE7-/Win: inline-block and hasLayout

Bei mir funktioniert es aber nicht. Wenn ich display: inline benutze, wie im Link beschrieben, wird der div-Container auch als Inline-Element behandelt. Mache ich da was falsch?

Der Code:

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de" xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>simple document</title>
<style type="text/css">
	* {
		font-family: verdana;
		margin: 0px;
		padding: 0px;
	}
	div.a {
		background: green;
		height: 50px;
		width: 100px;
		border: 1px solid black;
		display: inline;
	}
</style>
<script type="text/javascript">
	
</script>
</head>
<body style="padding: 10px; background: grey;">
	<div class="a">a</div>
	b
</body>
</html>

EDIT: Im IE7 habe ich das gleiche Problem.

fricca · #2 (**permalink**) 30.07.2010, 09:56

Die Überschrift bei Bruno heißt "IE7-/Win: inline-block and hasLayout". Schau dir das doch dahingehend nochmal genau an.

Die Suchfunktion liefert sicher einiges zu IE und inline-block und Heiko hat es sogar in seinem FAQ-Beitrag -- allerdings im CSS-Bereich, wo deine Frage auch besser aufgehoben wäre.

xm22 · #3 (**permalink**) 30.07.2010, 10:35

Stimmt - Gehört in den CSS-Bereich. Das mit dem zoom für hasLayout ist seltsam - Ich hätte schwören können, dass es beim ersten Versuch nicht funktioniert hat. Lag aber vielleicht am Browsercache.

Das seltsame ist aber trotzdem, dass durch das width und height doch eigentlich die hasLayout-Eigenschaft auf true hätte gesetzt werden müssen..

fricca · #4 (**permalink**) 30.07.2010, 10:41

Zitat:

Zitat von xm22

Das seltsame ist aber trotzdem, dass durch das width und height doch eigentlich die hasLayout-Eigenschaft auf true hätte gesetzt werden müssen..

Nicht bei inline.
Über hasLayout ? das Konzept des hasLayout im IE/Win | Deutsche Übersetzung

xm22 · #5 (**permalink**) 30.07.2010, 11:10

Zitat:

Wenn sich IE 6 im »standardkonformen Modus« befindet, werden Breiten- und Höhenangaben ignoriert und verursachen kein »Layout«

Den Passus habe ich überlesen... Jetzt seh ich klarer. Danke!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem mit einem 3D-Effekt	moep0710	CSS	12	12.06.2010 14:30
Horizontales Menü mit display inline und block	DiHo	CSS	3	01.01.2010 18:47
display: block und inline	maggie	CSS	21	05.05.2009 13:24
zwei Listen - eine inline, eine block	mmtom	CSS	2	15.05.2008 15:36
Menü mit display: inline ausrichten - display: block anwendbar?	Stalafin	CSS	3	22.09.2006 01:02