DIV : differences de positionnements entre IE et FF

Version imprimable

07/12/2006, 16h35
Draganthyr

DIV : differences de positionnements entre IE et FF

il me semble que le sujet a deja été abordé, donc par avance desolé pour le repeter, mais je n'ai pas reussit a en retrouver un qui reponde a ma question (bah oui, j'suis un peu boulet sur les bords parfois :D)

mon soucis est le suivant :
je suis en train de m'amuser a faire un rapide fansite ainsi qu'un autre site, et sur les deux, j'ai mes div qui se chevauchent alors que je ne le veut pas (-j'arrive pas a les dresser :D)

exemple : http://www.archelune.com/wow/index.php quand on clique sur "news" par exemple, le div gris passe sous mon menu de gauche (mais pas le texte) sur firefox, mais ca ne le fait aps sur IE (sur IE, j'ai les differentes div du menu de tailles differentes....mais bon au pire ca je pourrais le corriger)

vala vala, si quelqu'un avait une solution, sachant que je comprend vite, mais qu'il faut m'expliquer longtemps :D

merci

edit :
juste pour info, j'ai mis float:left; dans la description de la div menu dans mon CSS et rien en "float" dans les autres
07/12/2006, 16h45
Bisûnûrs

Commence par mettre un DOCTYPE à ta page :

http://web.developpez.com/faq/html/?...#DOCTYPE_xhtml

Ensuite Accueil s'écrit comme tel et pas Acceuil.
07/12/2006, 17h18
Draganthyr

faute corrigée (j'ai pas encore verifié l'ortographe, il doit y en avoir encore un paquet d'autre qui trainent)
pour le doctype, je l'ai rajouté, mais ca ne resoud apparament pas le prbleme (ou alors je l'ai pas mis au bon endroit)
edit : a tiens, depuis le doctype, la gif animée ne bouge plus
08/12/2006, 09h15
trotters213

:salut:
Essaie de mettre clear:right ou clear:both.
08/12/2006, 11h08
Draganthyr

alors, je viens de tenter avec le clear, et le resultat n'est pas probant.
par contre, en lisant la description du clear, j'ai vu qu'il fallait que les box en flottant aient une taille, et du coup j'ai tenté de mettre une taille a ma div qui n'en avait pas (celle du milieu, en fond blanc actuellement) et....ca s'est mis a marcher......a peu pret.

seulement maintenant, je n'arrive pas a lui dire de prendre toute la place. Si je met 100% elle prend tout l'ecran, et passe du coup en dessous de mon sommaire (pour ne pas le chevaucher)
08/12/2006, 11h40
trotters213

Regarde ton site, si tu réduit le navigateur, tes news passent sous ton menu.
Essaie de fixer la taille en %.
08/12/2006, 11h58
Draganthyr

bah oui justement, c'est bien la mon soucis. Mais si je passe en pourcentage, soit je met 100% auquel cas mes news passent en dessous, soit je met par exemple 60% auquel cas elles ne vont pas jusqu'au bord droit de l'ecran (et passent en dessous si on diminue trop la largeur de la fenetre)
12/12/2006, 10h29
Draganthyr
j'ai fait un exemple :

le css :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 .fixe { background-color:#AAAA00; width : 100px; height : 30px; float:left; } .flottante { background-color:#AA00AA; height : 40px; float:right; }
le code
Code:

1 2 3 <div class="fixe">ma div fixe</div> <div class="flottante">madiv qui devrait prendre toute la place</div>
dans cette exemple, j'aimerais que la div flottante aille jusqu'au bord gauche de l'ecran, comment puis-je faire? sous IE, il suffirait de mettre sa taille a 100% mais sous firefox, ca la fait passer sous l'autre et prendre toute la largeur

Essaie comme ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
window.onload=ajuste_largeur;
 
function ajuste_largeur ()
{
	if (document.body)	var wid = document.body.clientWidth;
	else var wid = (window.innerWidth);	
 
	var largeur=wid-document.getElementById('fixe').clientWidth;
 
	document.getElementById('flottante').style.width=largeur+'px';
}

Code:

1
2
3
4
<body onresize="document.location.href='lien_vers_ta_page';">
	<div id="fixe">ma div fixe</div>
	<div id="flottante">ma div qui devrait prendre toute la place</div>
</body>