Sensei: Problem mit float bei IE

Hallo!

Meine Site findet ihr hier: http://stud4.tuwien.ac.at/~e0225349/

Das Problem ist die Navigation links und zwar im IE. Da wird mir das Vertikale Vienna und Munich in eigene Bereiche gesetzt, eigentlich sollten die beiden divs aber rechts bzw. links von den zugehörigen Verweisen umlaufen werden.

Die vertikalen divs haben float:left (bzw right) in ihrem Style.
Im Firefox sieht es so aus wie ich mir das vorstelle - falls einer die obige Erklärung nicht verstanden hat ;)

Danke für eure Hilfe, lg, Sensei

  1. Hi Sensei!

    Meine Site findet ihr hier: http://stud4.tuwien.ac.at/~e0225349/

    Du nutzt eine unglaublich schlechten HTML-Stil mit massig Redundanz und jeder Menge Wiederholungen. Ganz zu schweigen von den vielen mehrmals vorhandenen CSS-Angaben.

    Das Problem ist die Navigation links und zwar im IE. Da wird mir das Vertikale Vienna und Munich in eigene Bereiche gesetzt, eigentlich sollten die beiden divs aber rechts bzw. links von den zugehörigen Verweisen umlaufen werden.

    Wenn du dir deine Navigation einmal anschaust, bemerkst du (im IE), dass sie richtig angezeigt wird. Ich empfehle dir am Anfang jedes Stylesheets die Angabe * { margin: 0px; padding: 0px } zu schreiben. Das bewirkt, dass alle HTML-Elemente keine Abstände mehr haben und du diese explizit definieren musst.
    Alternativ dazu kannst du natürlich auch alle Abstände der betroffenen Elemente auf 0 setzen.

    MfG H☼psel

    --
    "It's amazing I won. I was running against peace, prosperity, and incumbency."
    George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
    Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
  2. Hi there,

    Die vertikalen divs haben float:left (bzw right) in ihrem Style.
    Im Firefox sieht es so aus wie ich mir das vorstelle - falls einer die obige Erklärung nicht verstanden hat ;)

    Ich würde sagen, das Problem und evt. auch eine Lösung findest Du hier:

    http://barrierefrei.e-workers.de/workshops/ie-fun/index1.php