PP: IE 6 float:left funktioniert nicht

SELF-Forum

IE 6 float:left funktioniert nicht

PP
– Informationen zu den Bewertungsregeln

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>  
&nbsp;  
</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.

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. IE 6 float:left funktioniert nicht

    Malcolm Beck´s
    – Informationen zu den Bewertungsregeln

    hi,

    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 von dir beschriebene verhalten kann ich nicht nachvollziehen.
    http://start-navi.de/beispiele/div
    Du kannst ja mal ein Screenshot machen, wie es bei dir aussieht.

    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?

    Meinst du das float:left von div.lbanner?

    div.lbanner {  
clear:left;  
}

    mfg

    --
    echo '<pre>'; var_dump($Malcolm_Beck`s); echo '</pre>';
    array(2) {
      ["SELFCODE"]=>
      string(74) "ie:( fl:) br:> va:? ls:? fo:) rl:| n4:# ss:{ de:? js:} ch:? sh:( mo:? zu:("
      ["Aight"]=>
      string(?) "I Have a Dream"
    }
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. IE 6 float:left funktioniert nicht

      PP
      – Informationen zu den Bewertungsregeln

      Das von dir beschriebene verhalten kann ich nicht nachvollziehen.
      http://start-navi.de/beispiele/div
      Du kannst ja mal ein Screenshot machen, wie es bei dir aussieht.

      Hier das Bild:
      So siehts im IE6 aus

      Meinst du das float:left von div.lbanner?

      div.lbanner {

      clear:left;
      }

        
Nein, ich hatte ursprünglich im html <div style="clear:left"></div> direkt hinter <ul class="Navigation"> ... </ul> zu stehen gehabt, weil ursprünglich auch im css ul.Navigation {float:left;}  war.  
  
Dabei wurde aber im Firefox auch das float:left von div.lbanner aufgehoben, so dass Inhalt von <div class="content">...</div> unterhalb vom <div class="lbanner">....</div> kam; also wie aktuell nur im IE6!  
  
  
Cu.
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. IE 6 float:left funktioniert nicht

        Malcolm Beck´s
        – Informationen zu den Bewertungsregeln

        hi,

        Nein, ich hatte ursprünglich im html <div style="clear:left"></div> direkt hinter <ul class="Navigation"> ... </ul> zu stehen gehabt, weil ursprünglich auch im css ul.Navigation {float:left;}  war.

        Dabei wurde aber im Firefox auch das float:left von div.lbanner aufgehoben, so dass Inhalt von <div class="content">...</div> unterhalb vom <div class="lbanner">....</div> kam; also wie aktuell nur im IE6!

        So wie ich das sehe, würde dir auch ein position:absolute für den Banner reichen, damit würde es auch im IE funktionieren, ohne probleme zu verursachen.

        Da du ja eh schon ein <div class="mycontent"> Container hast, auch schnell und problemlos umsetzbar.

        mfg

        --
        echo '<pre>'; var_dump($Malcolm_Beck`s); echo '</pre>';
        array(2) {
          ["SELFCODE"]=>
          string(74) "ie:( fl:) br:> va:? ls:? fo:) rl:| n4:# ss:{ de:? js:} ch:? sh:( mo:? zu:("
          ["Aight"]=>
          string(?) "I Have a Dream"
        }
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln