[résolu] Mise en page fluide et div de 50% de large

Bonjour,

Je suis en train de faire un site avec une mise en page fluide et j'ai un soucis pour la page d'accueil ! Je voudrais avoir 2 div de 50% de large pour faire un peu comme une colonne mais avec Firefox ça ne marche pas.

Je m'explique, avec FF, lorsque l'on redimensionne la fenetre et bien les div prennent alors 100% de la largeur de l'écran et se mettent l'un en dessous de l'autre, et quand je fais F5 ça s'affiche correctement, mais le problème c'est que je ne comprends pas pourquoi il faudrait faire F5 pour avoir le bon affichage, ce qui est quand même très gênant.

Forcément sur IE pas de soucis !!!

Est ce que c'est un bug ou bien y a t-il autre chose à mettre dans le css pour que ça marche ?

Voici mon code pour la partie incriminée dans cette affaire :

<div class="colonne">
<p class="margin"><strong>Ace</strong> <strong class="red">Ingénierie</strong> est une équipe de professionnels qui met à votre disposition son savoir-faire et son expérience pour vous aider <strong>à étudier, concevoir et concrétiser vos projets de construction</strong>.</p>

</div>

<div class="colonne2">
<p class="margin"><strong>Ace</strong> <strong class="red">Ingénierie</strong> est une équipe de professionnels qui met à votre disposition son savoir-faire et son expérience pour vous aider <strong>à étudier, concevoir et concrétiser vos projets de construction</strong>.</p>

</div>

Et les classes colonne et colonne2 :

.colonne {
	width: 48%;
	float: left;
	padding: 0;
	margin: 0;
	border: dashed 1px;
}
.colonne2 {
	width: 45%;
	float: left;
	
	border: dashed 1px;
}

Sinon le résultat est aussi visible à cette adresse, en remplaçant les * par des points : http://rozenn*nuxit*net/ace

Merci d'avance si quelqu'un a déjà rencontré ce soucis !
Modifié par breizh_web (12 Apr 2006 - 10:53)

Salut,

je viens de vérifier ta page mise en en lien. Aucun problème avec firefox lors des redimmensionnements de la fenêtre.

Ben moi j'ai bien le problème, comment as-tu fait ?

Si je demande de mettre la fenetre en petit et que je redimensionne la largeur et bien les 2 div en pointillés se mettent bien l'un en dessous de l'autre et non côte à côte !!!

J'ai toujours le même problème, personne n'a jamais eu le même problème que moi en réalisant une mise en page fluide ?

Je ne suis pas la seule puisque j'ai montré la page à d'autre personne pour vérifier par rapport à ce que je me disais clb56 mais ce n'est pas résolu

Salut,

En fait je n'avais pas bien visualisé les blocs concernés, désolé.

Bon en enlevant le float:left; du conteneur #contenu ça me semble bien rentrer dans l'ordre.

Au passage pourquoi tu ne mets pas .colonne2 en float:right; ?

Je te remercie effectivement ça venait de #contenu, et oui je voulais bien mettre .colonne2 en right, c'était prévu mais j'attendais que ça marche