28220 sujets

CSS et mise en forme, CSS3

Positionnement d'un bloc avec position:fixed;

Bonjour et bonne année à toutes et à tous !

j'ai un p'tit souci de positionnement...
Alors, j'ai 2 boîtes : un menu fixé en haut à gauche et un conteneur à droite de celui-ci. Malgré tous mes tests, je ne trouve pas la manière de positionner #contenu automatiquement à droite de #menu sans préciser sa position absolue comme ci-dessus :

#menu {
	position:fixed;
	float:left;
	margin: 0px;
	padding: 0px;
}
#contenu {
	background-color: #00FFFF;
	position:absolue;
	margin-left:260px;
}


<html>
<body>
<div id="menu">
     ...
</div>
<div id="contenu">
     ...
</div>
</body>
</html>


Suis-je obligé d'utiliser position:absolue; margin-left:260px; pour que mon contenu ne soit pas derrière mon menu ?
J'aimerais avoir une solution qui marche pour tout le monde car selon la configuration du client, la taille en pixel n'est pas correct !!!! Smiley confus

Merci d'avance pour votre aide .... Smiley smile
@+ Smiley cligne
Bonjour,

Je ne vois pas le problème à faire quelque chose comme ceci:

* {margin:0; padding:0;}

#menu {position:fixed; width:200px;}
#contenu {margin-left:200px; background:#00ffff;}


edit: au fait, j'ignore s'il s'agit d'une faute de frappe ou non, mais l'attribut exact dont tu parlais pour "position" est absolute Smiley cligne
Modifié par Benjamin D.C. (03 Jan 2007 - 12:09)
Salut Benjamin,

absolute : c'était effectivement une erreur dans ma feuille de style... Smiley biggol

J'aimerais éviter l'utilisation du width car le menu change aussi de taille selon la configuration des clients... et comme je ne veux aucun retour à la ligne dans le menu... je ne sais pas comment faire. Smiley ohwell
Tchupacabra a écrit :
J'aimerais éviter l'utilisation du width car le menu change aussi de taille selon la configuration des clients... et comme je ne veux aucun retour à la ligne dans le menu... je ne sais pas comment faire. Smiley ohwell
Je dois être très fatigué mais je t'avoue ne vraiment pas saisir où tu veux en venir... Smiley ohwell
bah c'est pas très compliqué... avec mon premier code, si la taille du texte du navigateur client n'est pas la même que celle de la machine de développement alors le rendu sera différent.
Dans mes tests, le coin supérieur gauche de #contenu était derrière le menu lorsque la taille de police du navigateur client est supérieure à la machine de dev car forcément le #menu s'est élargit !
Et comme je ne veux pas de retour à la ligne... je ne trouve pas la solution idéale. Smiley bawling
Sujet clos
Aller à