Liegt der Fehler beim IE, Moz. oder gar bei mir?

Status
Nicht offen für weitere Antworten.
C

casr

Mitglied
Bitte erstellt mal ein html mit folgendem Inhalt:

HTML: 
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
 
<style type="text/css">
<!--
.eventblock {
border: 1px solid #FF0000;
width: 800px;
}
.datum {
width: 100px;
border: 1px solid #00FF00;
float: left;
}
.contentblock1 {
border: 1px solid #0066FF;
float: right;
width: 695px; 
}
-->
</style>
</head>
<body>
<div class="eventblock">
<div class="datum">01.05.2005
</div>
<div class="contentblock1">
<p>testest</p>
<p>testest</p>
<p>testest</p>
<p>testest</p>
<p>testest </p>
</div>
</div>
</body>
</html>

So, und jetzt schaut euch das mal im IE und im Mozilla an. Macht da nicht der Mozilla einen Fehler? Weshalb hat der erste Div-Block (der rote eventblock) eine Null-Höhe. Müsste doch so sein wie im IE, dass er seine Höhe dem Inhalt anpasst...

Wo liegt der Fehler, und wie umgehe ich ihn?

Grüsse
 
Probier mal folgende CSS-Eigenschaften:
Code: 
.eventblock {
	width:			772px;
	border:			1px solid #F00;
}
.datum {
	float:			left;
	width:			100px;
	border:			1px solid #0F0;
}
.contentblock1 {
	margin-left:		105px;
	border:			1px solid #06F;
}
 
die lösung von gumbo sollte einwandfrei funktionieren.

zu deiner frage ob moz einen fehler anzeigt...


nein, der IE zeigt eigentlich einen fehler an, da ein element wenn es die css-eigenschaft float zugewiesen bekommt aus dem textfluss genommen wird.

im allgemeinen kannst du die geckos als fehlerfrei bewerten, wobei auch die geckos bugs in der darstellung haben, aber bedeutend weniger als der wurstbrotbrowser aus redmont.

aber es gibt ja genügend seiten die eben genau solche bugs zusammengefasst haben. google hilft.

schöne Grüße
Samuel
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück