Contenu centré mais pas les menus à gauche

midiweb

11 Feb 2010 à 22:18

Salut, débutant, j'essaie en vain de centrer mon site avec le contenu et les menus.
Le contenu est centré mais les menus restent à gauche.Comment faire pour que les menus restent avec le contenu?

Voici le code:

body {
  	margin: 0 auto;
  	padding: 0px;
	width: 80%;
	height: 100%;
	display: block;
		
}
#menu {
	position: absolute;
	width: 112px;
	height: 500px;
	margin-top: 180px;
	padding: opx;
	left:4px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #000066;
	background-color:#FFFFFF;
	
		}

Modifié par midiweb (11 Feb 2010 - 22:19)

SBoudrias

11 Feb 2010 à 22:37

Mettre le menu en position absolue le gardera évidemment statique.

Je te conseillerais de le faire flotter (float: left; -ou right selon la préférence).

Et aussi, mieux vaut faire un nouveau bloc <div> englobant tous les éléments de contenu que de restreindre la largeur de <body>.

Heyoan

12 Feb 2010 à 00:40

Salut,

Vaxilart a écrit :
Je te conseillerais de le faire flotter (float: left; -ou right selon la préférence).

A priori c'est inutile si on reprend ta bonne idée d'utiliser un conteneur global qui lui seul sera centré : l'élément UL prendra tout simplement toute la largeur disponible.

@midiweb > A lire :
Centrer les éléments ou un site web en CSS.
Guide de survie du positionnement CSS.
Modifié par Heyoan (12 Feb 2010 - 00:40)

fvsch

12 Feb 2010 à 04:06

Bonjour,

Un élément positionné en absolu peut être placé en fonction d'un élément parent ou ancêtre lui-même positionné, plutôt qu'en fonction des bords de la page.
Relire les articles sur le positionnement absolu si cet aspect n'est pas connu.

CSS et mise en forme, CSS3

Contenu centré mais pas les menus à gauche