✔ Falsche Darstellung unter FireFox !

Status
Nicht offen für weitere Antworten.
NetPerformance

NetPerformance

Erfahrenes Mitglied
Hallo,

ich habe ein Problem mit der Darstellung unter FireFox.

Momentan wird meine Seite unter IE6 korrekt angezeigt:

Richtige Darstellung unter IE6:

http://www.tutorials.de/forum/attachments/css/41911d1220522215-darstelllung.jpg

Durch welche Änderung kann ich die Seite unter FireFox korrekt darstellen ?

Gruß
Aaron


HTML: 
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>test</title>
	
	<style type="text/css"><!--

	.full_width_module {
		width: 585px;
	}

	.full_width_module .left {
		width: 265px;
		float: left;
	}

	.full_width_module .right {
		width: 265px;
		float: right;
	}
	
	.test {
		height: 100%;
	}

	//--></style>
	
</head>
<body>

	<div class="full_width_module" style="border: 1px solid #cccccc;">				
		<div class="test">
			<div class="left">
				<div><img src="http://www.google.de/intl/de_de/images/logo.gif" alt="img" width="200"/></div>					
			</div>
			<div class="right">
				rechts
			</div>
		</div>	
	</div>
	
</body>
</html>
 

Anhänge

  • darstelllung.jpg
    darstelllung.jpg
    13,5 KB · Aufrufe: 26
Zuletzt bearbeitet:
Hi,

ich empfehle dir für dieses und zukünftige Projekte mit "Floatumgebungen" meinen Webmaster-FAQ-Artikel CSS Warum passt sich die Boxenhöhe nicht dem Inhalt an?, da ZodiacXPs Vorschlag im vorliegenden Fall wohl funktioniert, aber nicht die grundsätzliche bzw. standardkonforme Lösung für dieses Problem darstellt, da die Floatumgebung mittels der clear-Eigenschaft aufgehoben, und so im Dokument wieder der normale Textfluß hergestellt werden muß.

mfg Maik
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück