28173 sujets

CSS et mise en forme, CSS3

Salut a tous,

Je suis presentement entrain de monter un site internet et tout allait bien.

Mais je suis maintenant pris avec un probleme de positionnement. Smiley confus

Mon menu etant dans une liste en positionnement relative. Lorsque l'on redimensionne la page, sur firefox tout va bien mais sur explorer la liste sort alors de son cadrage. Il faut alors rafraichir la page pour que la liste reprene sa place.

Est-il possible que le positionnement s'ajuste aussi bien sur explorer ?

Je sais que c'est pas tres concret comme description alors voila la page : La page en question

J'ai une base en css mais la je suis un peu depasse

Merci d'avance. Smiley smile
Modifié par john82 (17 May 2006 - 21:06)
essaie avec ces nouvelles lignes la dans ton Verticaux.css, sa fonctionnera mieu Smiley cligne


OL#navigation {
	PADDING-RIGHT: 8px; 
	DISPLAY: block; 
	PADDING-LEFT: 8px; 
	PADDING-BOTTOM: 6px; 
	MARGIN: 4px 0px 0px; 
	WIDTH: 139px; 
	PADDING-TOP: 6px; 
	LIST-STYLE-TYPE: none; 
	BACKGROUND-COLOR: black;
}

OL#navigation UL {
	PADDING-RIGHT: 8px; 
	DISPLAY: block; 
	PADDING-LEFT: 8px; 
	PADDING-BOTTOM: 6px; 
	[#brown]MARGIN: 0px;[/#] 
	WIDTH: 139px; 
	PADDING-TOP: 6px; 
	LIST-STYLE-TYPE: none; 
	BACKGROUND-COLOR:black; 
	[#brown]MARGIN-TOP: -26px; 
	MARGIN-LEFT:151px;[/#]
}

OL#navigation LI {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 139px; 
	PADDING-TOP: 0px; 
	BACKGROUND-COLOR: black;
}

UNKNOWN {
	POSITION: fixed
}

UNKNOWN {
	BORDER-TOP: #000 1px solid
}

UNKNOWN {
	BORDER-TOP-STYLE: none; 
	BORDER-RIGHT-STYLE: none; 
	BORDER-LEFT-STYLE: none; 
	BORDER-BOTTOM-STYLE: none
}

OL#navigation UL {
	DISPLAY: none; 
	Z-INDEX: 20; 
	POSITION: absolute; 
	TOP: -9px;
	LEFT:auto;
}

OL#navigation UL.sousMenu {
	[#brown]LEFT: auto;
	TOP: auto;[/#]
}
OL#navigation UL.sousSousMenu {
	[#brown]LEFT: auto;
	TOP: auto;[/#]
}
UNKNOWN {
	[#brown]LEFT: auto;
	TOP: auto;[/#]
}
OL#navigation A {
	PADDING-RIGHT: 0px; 
	DISPLAY: block; 
	PADDING-LEFT: 0px; 
	FONT-SIZE: 10px; 
	PADDING-BOTTOM: 4px; 
	COLOR: #fff; 
	PADDING-TOP: 2px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: black; 
	TEXT-DECORATION: none
}

OL#navigation A.lienBlanc {
	BORDER-BOTTOM: #fff 1px dashed
}

OL#navigation A.lienBlancDernier {
	PADDING-BOTTOM: 0px
}

OL#navigation A:hover {
	COLOR: #a6a8ab
}

Modifié par s_har_k (17 May 2006 - 22:39)
Je vien de me rendre compte que mon éditeur a changer quelque information du css, je le reconfigure comme il se doit et ca devrait marcher. Sa marche bien avec ca, mais il n'est pas pareille que le tien d'origine.
Modifié par s_har_k (17 May 2006 - 22:58)
Yay ! Smiley biggrin

Merci s_har_k ! J'ai fait les changements que tu m'as recommande et maintenant ca fonctionne bien sur les deux plateformes.

Pour repondre a Fluidblow, je sais qu'il existe probablement des menus mieux montes que le mien, mais c'est peut etre juste que j'ai une tete dur Smiley cligne , mais j'aime bien monter des choses par moi-memes, j'ai l'impression de faire un travail plus concret.

Merci encore Smiley lol
Bonjour,

Toujours moi mais cette fois ci avec un probleme different.

J'ai un menu en cascade rouge dans le bas de la page qui s'ouvre tres bien dans firefox mais sur explorer (inevitablement Smiley murf ) il cree une petite marge entre lui-meme et les commanditaires du bas de la page que je n'arrive pas a contrecarrer. Peut-etre aurez-vous l'oeil plus aiguise que moi ?

Liens vers ma page
Liens vers mon css des menus en cascade
Liens vers mon css de la page en general

Je continus a chercher de mon cote

Merci d'avance