nicht angemeldet
Hallo!
Beim FireFox wird der linke Banner Bereich korrekt links gefloatet aber beim IE 6 kommt der eigentliche Inhalt unterhalb des float:left Blocks. Kann mir nicht erklären wo der Fehler liegt.
Das ist meine CSS:
html {
height:100%;
}
body {
font: normal 100.01% Helvetica, Arial, sans-serif;
height:100%;
color:rgb(0,0,160); background-image:url(hb.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
}
div.lbanner
{
float:left;
width:100px;
margin: 0; padding: 0;
}
div.mycontent
{
height:100%;
margin:0px 0px 0px 100px;
width:901px;
}
ul.Navigation {
margin: 0; padding: 0;
text-align: center;
height:90px;
}
ul.Navigation li {
list-style: none;
display: inline;
margin: 0; padding: 0;
}
ul.Navigation a, ul.Navigation span {
float: left; width: 6em;
margin: 0.4em; padding: 0.2em 1em;
text-decoration: none; font-weight: bold;
border: 1px solid black;
border-left-color: white; border-top-color: white;
color: green;
white-space:nowrap;
}
ul.Navigation a:hover, ul.Navigation span {
border-color: white;
border-left-color: black; border-top-color: black;
color: black;
}
div.content
{
padding: 10px 5px;
border: 1px solid black;
border-left-color: white; border-top-color: white;
min-height:60%;
color:white;
background-color:blue;
}
table
{
color:white;
background-color:blue;
}
a{
color: yellow;
}
/*Star-HTML-Hack für IE bis inkl. Version 6: Nur IE interpretiert diese Angabe. Brauche das deshalb, weil bei
diesem min-height nicht klappt
*/
* html div.content
{
height:60%;
}
Und das die Html Datei:
<!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=windows-1252">
<title>Bla Bla</title>
<link rel=stylesheet type="text/css" href="design.css">
</head>
<body>
<div class="lbanner">
Hier kommt Werbung rein. <br>
Hier kommt Werbung rein. <br>
Hier kommt Werbung rein. <br>
Hier kommt Werbung rein. <br>
Hier kommt Werbung rein. <br>
Hier kommt Werbung rein. <br>
Hier kommt Werbung rein. <br>
Hier kommt Werbung rein. <br>
Hier kommt Werbung rein. <br>
Hier kommt Werbung rein. <br>
Hier kommt Werbung rein. <br>
</div>
<div class="mycontent">
<h1 align=center>Ueberschrift</h1>
<ul class="Navigation">
<li><a href="index.html">Link1</a></li>
<li><a href="index.html">Link2</a></li>
<li><a href="index.html">Link3</a></li>
<li><a href="index.html">Link4</a></li>
<li><a href="index.html">Link5</a></li>
<li><a href="index.html">Link6</a></li>
<li><a href="index.html">Link7</a></li>
<li><a href="index.html">Link8</a></li>
<li><a href="index.html">Link9</a></li>
<li><span>Current Link</span></li>
</ul>
<div class="content">
<h1>Ueberschrift</h1>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf jh j jkjfdsjf l kdflk fkfd lkdf lkf lkf <br>
</div>
</div>
</body>
</html>
Hoffe auf Hilfe.
Und noch was. Wie kann ich ein clear:left machen, dass nur den jüngsten float:left deaktiviert und alle anderen weiter aktiv beläßt?
Danke schonmal im Voraus.