Tweet
Hallo,
ich bin gerade dabei ein wenig mit CSS zu experimentieren und habe mir ein Layout gebastelt. Nun hab ich aber folgendes Problem:
Im IE wird alles richtig angezeigt, im Firefox geht der Text aber über den Container heraus anstatt ihn zu verlängern.
Weiß von euch vielleicht jemand Rat?
hier der Link:
hier der Code:
ich bin gerade dabei ein wenig mit CSS zu experimentieren und habe mir ein Layout gebastelt. Nun hab ich aber folgendes Problem:
Im IE wird alles richtig angezeigt, im Firefox geht der Text aber über den Container heraus anstatt ihn zu verlängern.
Weiß von euch vielleicht jemand Rat?
hier der Link:
hier der Code:
PHP-Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>test</title>
<style type="text/css" media="screen">
body
{
margin: 0;
padding: 0;
font: 85% arial, hevetica, sans-serif;
text-align: center;
color: #505367;
background-color: #666666;
}
#container
{
margin: 1em auto;
width: 800px;
text-align: left;
background-image: url(images/container_background.gif);
border: 1px solid black;
}
#header
{
height: 53px;
background-color: black;
}
#mainnav
{
height: 29px;
}
#middle
{
height: 170px;
}
#separator
{
height: 41px;
background-image: url(images/separator3.gif);
}
#menu
{
float: left;
width: 221px;
height: 100px;
}
#contents
{
margin-right: 10px;
margin-left: 300px;
height: 200px;
/* background-color: aqua; */
}
#footer
{
clear: both;
height: 20px;
background-image: url(images/footer_bar.gif);
}
</style>
</head>
<body>
<p>
</p>
<div id="container">
<div id="header"></div>
<div id="mainnav">
<?php include "mainnav.php";?>
</div>
<div id="middle">
<?php include "middle.php";?>
</div>
<div id="separator"></div>
<div id="menu">
<?php include "menu.php";?>
</div>
<div id="contents"> </div> // den Text hab ich rausgeschnitten um das Layout hier im Forum nicht kaputtzumachen
<div id="footer"></div>
</div>
</body>
</html>
Kommentar