probleme d'affichage : CSS

**malmzi2007** · 04/09/2006, 09h39

salut tout le monde,
mon probleme est trop bizarre,
en faite j'ai deux balises "div" une à gauche et l'autre à droite :
Voici ce que ça donner en CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
.menuDroite{
	position: relative;
	float:right;
	display:inline;
	/*padding: 11.5pt 1em;*/
	padding: 0em 11.5pt 0em 0em;
	width: 23%;
	margin:0em 0em 1em 0em;
	z-index:2;
	}
.menuGauche{       
		width: 72%;
		padding: 1em -2em 0em 0.3em;	
		background: #F9FFFF;
		margin:0em;
		z-index:1;
		min-height:49em;
		}

le probleme que de temps en temps, le menu gauche vient sous le menu droite et lorsque je refrechi la page, le menu gauche revient dans son emplacement normal (à gauche juste a cote de menu droite) et ça se reprend que sur IE
je ne sais pas si c à cause du code CSS !!!!!!
est ce quelqu'un pourra me dire ce que je dois faire et comment s'assurer que c'est ne pas le serveur qui deconne!!!!
ou si quelqu'un parmi vous a connu la meme probleme, ça sera gentille de m'aider
Merci d'avance

**malmzi2007** · 04/09/2006, 09h59

salut tout le monde,
mon probleme est trop bizarre,
en faite j'ai deux balises "div" une à gauche et l'autre à droite :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<body>
<div class="menuDroite"> MENU DROITE</div>
<div class="menuGauche"> MENU GAUCHE</div>
</body>

Voici ce que ça donner en CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
.menuDroite{
	position: relative;
	float:right;
	display:inline;
	padding: 0em 11.5pt 0em 0em;
	width: 23%;
	margin:0em 0em 1em 0em;
	z-index:2;
	}
.menuGauche{       
		width: 72%;
		padding: 1em -2em 0em 0.3em;	
		background: #F9FFFF;
		margin:0em;
		z-index:1;
		min-height:49em;
		}

le probleme que de temps en temps, le menu gauche vient sous le menu droite et lorsque je refrechi la page, le menu gauche revient dans son emplacement normal (à gauche juste a cote de menu droite) et ça se reprend que sur IE
je ne sais pas si c à cause du code CSS !!!!!!
est ce quelqu'un pourra me dire ce que je dois faire et comment s'assurer que c'est ne pas le serveur qui deconne!!!!
ou si quelqu'un parmi vous a connu la meme probleme, ça sera gentille de m'aider
Merci d'avance

**malmzi2007** · 04/09/2006, 12h19

personne, ne peut m'aider !!
chui seul

**MasterOfChakhaL** · 04/09/2006, 12h26

Au feeling, je dirais ceci:

Ton bloc en float right ne se met que la ou il a la place (pas de chevauchement). Il doit y avoir quelque chose qui modifie la largeur totale de ton body...

Peut-être quelque chose au niveau de tes padding (je crois qu'un padding négatif n'est pas permis... a vérifier en passant ton css au validateur du w3c par exemple)

Peut-être devrait tu imposer une largeur a ton body

Je ne suis pas certain non plus qu'une taille en pourcentage pour un élément float soit cohérent. En effet, un élément en float est retiré du flux normal de la page et n'est donc pas pris en compte pour déterminer la taille d'un élément parent. Donc, ca me parait bizarre de s'appuyer sur l'élément parent pour déterminer la taille d'un élément en float...

**malmzi2007** · 04/09/2006, 14h52

déja l'affichage deconner que en IE, et se fait d'une maniere aleatoire( ça deconner pas tout le temps ) et le plus etonnat que lorsque je refrechi la page, tout rend dans l'ordre.
vrement c trop bizarre

**MasterOfChakhaL** · 04/09/2006, 15h27

normalement, l'affichage est fait en respectant le flux de ta page...

la couche css est interprété ensuite...

si ton css est lourd, peut-être mets-il parfois trop de temps à arriver et ie abandonne une partie des règles (ce qui modifierait la largeur total)

au refresh, ton css est dan le cash, donc pas de souci...

probleme d'affichage : CSS

CSS

Vue hybride

Discussions similaires

Partager

Partager