Hallo, ich bin grade dabei eine Homepage zu basteln...
dabei habe ich folgendes Problem
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Creative Science</title>
<link rel="stylesheet" type="text/css" href="css.css">
<meta name="author" content="Jonas Reinke">
</head>
<body>
<div id="main">
<div id="header" >HIER KOMMT DER BANNER HIN</div>
<div id="navi"> <!-- INHALTS DIV -->
<iframe id="navi" name="inavi" src="navi_start.html" frameborder=0></iframe>
</div>
<div id="content">
<iframe id="content" name"icontent" src="inhalt_start.html" frameborder=0></iframe>
</div>
<div id="footer">HIER KOMMT NEN ANDERER BANNER HIN</div>
</div>
</body>
</html>
mit folgender CSS dateI:
<style type="text/css">
<!--
body {height : 100%;
width : 100%;
}
iframe#content {height : 100%;
width : 100%;
}
div#navi { height : 60%;
width : 20%;
float:left;
}
div#header { height: 20%;
width: 100%;
background-color: #00AAAB;
}
iframe#navi { height :100%;
width: 100%;
}
div#footer { height : 20%;
width : 100%;
background-color : #CCCCCC;
float: left;
}
div#content { width : 70%;
height: 60%;
float: left;
}
-->
</style>
------------------------------------------
wird bei mir im IE problemlos dargestellt.
Allerdings wird die Seite im Firefox sehr fehlerhaft dargestellt...
Weiß jemand wo das Problem liegt und wie man es beheben kann?