Forum d'entraide PHPFrance

Salut!
J'ai deux div, contenu et details, le second est positionné en flottant.
CSS correspondante :

#contenu {
overflow: auto;
font-size: 14px;
height: 65%;
width: 69%;
background: #FFF;
	margin-left: 3px;
	margin-right: 3px;
}
#details {
overflow: auto;
margin-right: 3px;
font-size:12px;
width: 30%;
height: 65%;
background: #FFF;
float: right;
}

J'affiche sous firefox: nickel
J'affiche sous safari: apparemment la largeur du div "contenu" est calculée à partir de la place restante, donc 69% des 70% restants de mon conteneur global, soit 48% au total... J'ai donc un gros trou gris entre mes deux colonnes

](*,)

quelqu'un a déjà eu ce probleme?

essaye float: left; sur le premier

nan ça marche pas...
apparemment le probleme vient du overflow:auto; sur le div "contenu", parce que quand je l'enleve ça marche nickel... seulement il faut absolument que ce div soit scrollable indépendamment du reste

Je viens de tester sous IE6 pc, même résultat que sur safari...

C bon j'ai trouvé!
en fait j'ai d'autres div positionnés en flottant plus haut et apparemment c'est ça qui fout le bordel... Ma solution (et je n'en vois pas d'autre) : ajouter un conteneur autour de mes deux divs.
Vala

Forum d'entraide PHPFrance

Qui bug? safari ou firefox?

Qui bug? safari ou firefox?