probleme de mise en page css

Question

Bonjour,
voila ma mise en page
bandeau
menu/contenu
bas de page

lorsque j affiche ma page sur plein ecran tout va bien , par contre lorsque je reduis l ecran le contenu glisse sous le menu..
pourriez vous m aider a resoudre ce probleme?
quelle taille en pixel a une page web?
merci

GoPex · Answer

Ta fait des frames?
https://www.commentcamarche.net/contents/494-frames-html

kiwi3110 · Answer

pas moyen de faire autrement avec ..bandeau/ menu /contenu/ et bas de page..c quoi la taille en pixel d une feuiille web?

div#bandeau {
	width:985px;
	height:200px;
	background-color:#00CCFF;
	}
div#contenu {
	float:left;
	width:8000px;
	height:700px;
	background-color:#FFCC00;
	}
div#piedpage {
	width:985px;
	height:50px;
	background-color:#33FF99;
	clear:both;
	}
div#menu {
	float:left;
	width:185px;
	height:700px;
	background-color:#FF6699;
	} 

pourquoi ca marche le contenu glisse sous lemenu si je reduis l ecran et c marche en plain ecran??

bg62 · Answer

bonjour
fais une recherche sur "fixe" et "%" au niveau de la conception css ... je pense que c'est là que cela doit coincer ...
mais :  width:8000px;  me parait bien ENORME comme commande !!!!
et pas moyen de faire autrement avec ..bandeau/ menu /contenu/ et bas de page. SIc'est justement le gros avantage de travailler avec la CSS ... on peut le faire ...et surtout sans frames qui vont te pourrir la vie ensuite au niveau du référencement de ton site ! 
@mitiés
b g

kiwi3110 · Answer

coucou ,
oui c 800 pas 8000 resctification!
par contre je connais toujours pas la taillle en pixels d une page en html/

Pedro · Answer

Il faut donner les largeurs en % et non en pixels : Bandeau : 100 %, etc. Sachant que le pourcentage est calculé sur l'élément parent.

kiwi3110 · Answer

ok mais dis moi c vraiment obligatoire.? pcq il me semble qu en px ca peut fonctionner ..c juste que je suis un debutant..
ci

bg62 · Answer

en px cela fonctionnera si tout est bien accordé, mais en % il est certain que ce serait plus fluide et plus adapté
@+
b g

Probleme de mise en page css

7 réponses

Votre réponse