2010-07-30 4 views
1

Nous avons un problème avec un panneau latéral flottant vers la droite. Ce volet redimensionne en quelque sorte le premier div dans le contenu principal, de sorte que le div est étiré à la même hauteur que le volet, voir l'illustration ci-dessous.Bogue flottant CSS avec redimensionnement du contenu principal du volet latéral

Le principal div a le CSS suivant

margin: 10px 280px 0 10px; 
padding-right: 50px; 

Le panneau latéral est le suivant css

float: right; 
width: 270px; 
margin: 10px 10px 0 0; 

Que serait-ce faire? Comment puis-je le réparer?

Cette erreur se produit dans Firefox 3,6

css float bug

Répondre

1

Essayez d'ajouter overflow:auto à div principale.

+0

Cela a fonctionné, et après avoir ajouté padding-bottom la barre de défilement a disparu :) Pourriez-vous s'il vous plaît expliquer, ou me montrer où cela est décrit? – Znarkus

+0

@Znarkus: http://www.quirksmode.org/css/clearing.html – Sarfraz

+0

Il ne parle pas vraiment de ce problème? Merci quand même, je ne savais pas à propos de ce truc non plus – Znarkus

Questions connexes