Problem mit Float Objekt IE7

[Xalvi]

Hi habe das erste mal nen Design gecodet und schon funkt was nicht
http://arthune.lima-city.de/Portfolio/index.htm
Hier ist die HTML Datei,
http://arthune.lima-city.de/Portfolio/style.css
das ist der CSS Code

Also eigentlich alles dufte nur leider siehts im IE7 so aus:
http://board.designnation.de/uploads/post-22-1171195838.jpg

Hat jemand ne Idee? Ich hab auch schon gegooglet bin immer wieder auf Threads gestoßen in denen über Float im Zusammenhang mit IE7 gemeckert wird aber ne wirklcihe Lösung nicht

[Laechleviel]

Hallo,

Du mußt meines Erachtens hinter den Navi-Layer auch noch einen div zwecks Aufheben des Floatens setzen (hast Du gem. Code nur hinter dem Content-Layer).

Probiers außerdem mal mit div class="breaker":

.breaker {
height: 1px;
background-color: transparent;
clear: both;
overflow: hidden;
}

Gruß :o)

Olaf

[Laus]

Setze dein Div Header vor dein div Rechte Seite dann klappts auch im IE.

Code: Alles auswählen

   
...................
<div id="bg1">
                  <!-- Header Anfang -->
         <div id="header">
         </div>
         <!-- Header Ende -->
      <!-- Rechte Seite Anfang -->
      <div id="rechts">
.............

Ausserdem solltest du dein clear in den footer setzen und nicht bereits in bg1.

Gruß Xaver