28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Voilà et bien je crois que tout est dans le titre.

J'aimerais savoir comment faire pour que le menu se déplace en meme temps que le reste de la page ... parce que pour certaine resolutions d'écran, ça risque de géner ...

Sur tout le reste du site ça fonctionne il n'y a qu'avec le menu que ça coince ...

Voici le code CSS:

body {
	background-color: #999991;
	margin: auto;
	margin-top: 0px;
	margin-bottom: 20px; 
	font-size:0.75em;
	font-family:Arial, Helvetica, sans-serif;
}

/*Gestion du corps*/
#corps {
	position:relative;
	top:0em;
	margin-top:0em;
	margin-left:auto;
	margin-right:auto;
	width:85em;
	height:65em;
	z-index:1;
}
#image_fond {
	background-image: url("../Images/Logo/colombegrise_textfond.png");
	background-attachment: scroll; /* Le fond suivra le scroll*/
	position:absolute;
	margin-top:0em;
	left:3.13em;
	top:0em;
	width:75em;
	height:104em;
	z-index:2;
}
#logo {
	position: absolute;
	margin-top:0px;
	left:3em;
	top:1em;
	width:160px;
	height:160px;
	z-index:3;
}
#Titre_site {
	background-image: url("../Images/Structure/Titre.png");
	background-attachment: scroll;
	position: absolute;
	left:33em;
	top:1em;
	z-index:3;
	width: 550px;
	height: 120px;
}
#texte {
	position:absolute;
	left:28.5em;
	top:21em;
	width:55em;
	text-align:center;
	font-size:1em;
	z-index: 5;
}
/*Gestion du corps*/

/*Gestion du menu*/

#menu_site {
	position:absolute;
	margin-top:0px;
	left:5em;
	top:16em;
	z-index:3;
}


Voilà, le CSS du menu est tout en bas du code ...

D'avance merci.
Jackisback a écrit :
J'aimerais savoir comment faire pour que le menu se déplace en meme temps que le reste de la page ...


Soit utiliser la position fixed sur le dit menu (non supporté par IE6 donc dégradé en absolute via commentaires conditionnels).

Soit passer par Javascript (pouvant être couplé aussi avec la "solution CSS").

Faire attention toutefois à l'accessibilité, l'ergonomie & cie du bousin. Smiley smile
Ca ne m'arrange pas trop le FIXED ...

Le logo, la banniere, le titre, le contenu, tout ça ça fonctionne bien il y a juste le menu qui ne tient pas en place ...
Jackisback a écrit :
Ca ne m'arrange pas trop le FIXED ...

Le logo, la banniere, le titre, le contenu, tout ça ça fonctionne bien il y a juste le menu qui ne tient pas en place ...


Donc seule solution : le Javascript. Mais à voir si ce dispositif apporte vraiment un plus aux utilisateurs. Smiley smile
Jackisback a écrit :
J'aimerais savoir comment faire pour que le menu se déplace en meme temps que le reste de la page

Eh bien c'est le comportement par défaut, non? À moins qu'il ne soit positionné en fixe, le menu disparaitra vers le haut lorsqu'on défile la page vers le bas (et inversement), comme les autres contenus.
Florent V. a écrit :
Eh bien c'est le comportement par défaut, non? À moins qu'il ne soit positionné en fixe, le menu disparaitra vers le haut lorsqu'on défile la page vers le bas (et inversement), comme les autres contenus.


Hum ... j'avais pas vu ça sous cet angle là mais après relecture en effet c'est le comportement par défaut. Smiley ravi
Euh je crois que je me suis emporté ...

Ma div MENU etait avant la div CORPS donc pas étonnant que le positionnement déconnait ...

J'ai inversé tout ça et maintenant c'est beaucoup mieux ...

Merci encore et surtout désolé ...