[CSS] Probleme mit Verschachtelten DIVs im Firefox

Gogi · 9 Juli 2008

Hi!
Ich will auf einer Seite einen Rahmen um den gesamten Inhalt haben, dieser Rahmen bestht aus einem 3 geteilten bild.
Die seite ist so aufgebaut:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title></title>
		<link rel="stylesheet" href="ritz.css">
	</head>
	<body>
		<div class="top"></div>
		<div class="body">	
			<div class="body2">
				<div class="header"><img src="img/ritz.jpg" width="800" height="149" /></div>
				<div class="navi"><?
					include('navi.php'); ?>
				</div>
				<div class="content">
					<? include($b);?>
			</div>
		</div>
		</div>
		<div class="bottom"></div>
	</body>
<html>

Hierzu gehört folgende css datei:

Code:

body
	{
	color: #727575;
	font-family: Verdana;
	font-size: 14px;
	background:url('img/bg.jpg');
	}
a:link 
	{ 
	text-decoration: none; 
	color: #4f6e58;
	border:0;
	}	
a:visited 
	{ 
	text-decoration: none; 
	color: #4f6e58;
	border:0;
	}
a:hover 
	{ 
	text-decoration: none; 
	color:  #2f4134;
	border:0;
	}
a:active 
	{ 
	text-decoration: none; 
	color:  #4f6e58;
	border:0;
	}
.body2
{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	background-color: #ffffff;
	clear:left;
}
.navi
{
	float:left;
	width:150px;
	background-color: #ffffff;
	font-size:16px;
}
.h1
{
	font-size:16pt;
	width:650px;
	text-align:center;
	font-weight:bold;
}
.content
{
	float:right;
	text-align:left;
	width:650px;
	clear:left;
}
.center
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
.top
{
	width:900px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	background:url('img/top.gif');
}
.body
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background:url('img/mid.gif');
}
.bottom
{
	width:900px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	background:url('img/bottom.gif');
	text-align:center;
}

Im IE zeigt es mir richtig an aber im FF ist der Rahmen nur um das Bild ritz.jpg und der restliche Content wird unten angehängt. Was kann ich dagenen tun, damit es der FF auch richtig erkennt?

Gruß Gogi

Gogi · 9 Juli 2008

Hi!
Für das obige problem habe ich bereits eine lösung gefunden, ich musste nach den "fließenden" DIVs noch einen DIV mit Clear anhängen, jetzt habe ich das Problem, dass mir der FF die DIVs wieder wie normale divs untereinander schreibt, nur der IE machts mal wieder so wie ich es will, nebeneinander.

Gruß Gogi

Gogi · 9 Juli 2008

Hi!
Also jetzt hab ich alles hinbekommen, ich hab beim rumprobieren mit clear:left; nicht mehr alle rausgelöscht die ich nicht brauche. :mrgreen:

Gruß Gogi

[CSS] Probleme mit Verschachtelten DIVs im Firefox

Gogi

Member

Gogi

Member

Gogi

Member

Ähnliche Themen