Discussion :

[Topheur]

Salut à tous,

Je fais en ce moment un site pour mon stage et j'ai un petit problème au niveau de mon contenu. Quand je change ma résolution d'écran, le contenu ne reste plus collé à droite de mon menu, mais il passe en dessous. Ce décalage arrive quand je passe en dessous de 1280x800 (ma résolution d'écran).

Mon schèma du site est le suivant (sans le pied de page, pris d'un tutoriel de CSS sur developpez) :



Sinon voici le bout de code de mon CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
div#contenu 
{
	text-align:justify;
	padding:10px;
	float:left;
	width:804px;
	height:400px;
 
}
 
div#menu 
{
 
	background-color:#add8e6;
	border: 1px solid black;
	text-align:center;
	float:left;
	padding:0px;
	width:200px;
}

Enfin j'utilise les templates détaillées sur le tutoriel avec du XHTML/PHP

Quelqu'un saurait-il comment faire ?

A part ça, est-ce que l'ergonomie de mon site est bien ? J'ai l'exemple du mien qui est fais de la même façon : http://dj.high.scream.free.fr/index.php

Voilà, merci beaucoup

Au revoir

Topheur

[Bisûnûrs]

Si ton contenu passe en dessous du menu c'est qu'il n'a plus la place de s'afficher à côté, surtout si tu as prévu un site pour grande résolution.

Une solution est de fixer la largeur du conteneur.

[Topheur]

Salut

J'ai déjà positionné la largeur de mon contenu ! T'as pas regardé mon code ?

Ce que j'ai fais et je pense que c'est bon c'est ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
div#contenu 
{
	
position:relative;
left:200px;
text-align:justify;
	padding:10px;
	float:left;
	width:804px;
	height:400px;
	
}
	
div#menu 
{
 
position:absolute;	
background-color:#add8e6;
	border: 1px solid black;
	text-align:center;
	float:left;
	padding:0px;
	width:200px;
}

[Bisûnûrs]

Je parlais de conteneur, pas de contenu ...