2009-05-12 5 views
1

Ich habe ein div innerhalb eines div, und beim Anzeigen der Webseite in IE6, zeigt es keinen Abstand zwischen der Unterseite von div class = "video-tour" und der unten div class = "content-body"Kein Leerzeichen zwischen der Unterseite von div und div es ist innerhalb

Hier ist, wie es in IE6 aussieht: http://i42.tinypic.com/20zs7s7.png

Hier ist, was es sieht aus wie die Anzeige richtig in Safari: http://i44.tinypic.com/2h69de1.png

Die CSS für .video- Tour < - es gibt mehrere Videos, die in verschiedene Felder aufgeteilt sind, wie Sie sehen werden, sie haben eine Breite von 31%

.video-tour { 
    float:left; 
    width:31%; 
    border:1px solid #fdbe2f; 
    background-color:#ffc; 
    text-align:center; 
    padding:3px; 
    overflow:auto; 
    margin:6px; 
} 

.video-tour img { 
    border:1px solid #fdbe2f; 
    padding:3px; 
} 

CSS für .content-Körper, die Tour .video-sind innerhalb

.content-body { 
    padding:10px 15px; 
    font-size:.8em; 
    font-family:arial; 
    overflow:auto; 
} 

Jede Hilfe, warum gibt es keinen Abstand am Boden in IE6 und Abstand in anderen Browsern hilfreich wäre.

Antwort

3

Versuchen Sie, ein Div an der Unterseite nach Video-Tour, die einen klaren Stil hat: beide hinzuzufügen.

1

Ich glaube es ist, weil Sie die Schwimmer löschen müssen.

könnten Sie versuchen, Ort, um ein

<div style="width: 100%; overflow: hidden;"><!-- floats go here --></div> 

um den gesamten Inhalt mit Video-Tour.

+0

Dies ist eine bessere Lösung, IMO (solange Sie keine explizite Höhe festlegen). – DisgruntledGoat