Onkel Schnitzel: float funktioniert nicht - was hab ich übersehen?

Hallo allerseits,

die Überschrift sagt ja eigentlich alles. Ich will einfach zwei Elemente floaten, aber irgendwie wollen die nicht. Ich kann einfach den Fehler nicht finden. Hier mal die abgespeckte Version:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <style type="text/css">
         #newsbox {
   width: 380px;
           float: left;
         }
         #gigbox {
   margin-left: 10px;
   border: 1px dotted black;
         }
    </style>
  </head>
  <body>
      <div id="newsbox">
         +++ Das hier ist natürlich nur ein Testlauf. Eigentlich gibts die Seite noch gar nicht.
      </div>
      <ul id="gigbox">
        <li>huhuhuhu</li>
      </ul>
  </body>
</html>

Bin ja mal gespannt, was es jetzt wieder war...

Gruß,
Onkel Schnitzel

  1. Hey,
    mach bei der gigbox mal margin-left:380px; rein dann müsste es gehn.
    Alex

    1. Hey,
      mach bei der gigbox mal margin-left:380px; rein dann müsste es gehn.
      Alex

      Hi Alex,

      ich war der Meinung, daß man für Element1 nur eine Breite definieren müsste und sich Element2 dann seinen Platz sucht und drum herum fließt, ohne daß man noch extra den Abstand angeben müsste. Da hab ich mich wohl geirrt.

      Danke jedenfalls

      1. Hey,

        find das auch bissl komisch ist abe ranscheinend so - also nicht überall :P der IE richtet sich am Rahmen des elements jedenfalls Teilweise. FF und so machens richtig, da fließt der Text im Rechten um den INHALT des linken DIVs.

        Alex