Bug dans la forme de ma page

**php_codeur** · 01/07/2013, 17h51

Bonjour à tous ! Après un bon paquet d'essai, je viens en vain vous demandez votre aide ! J'ai coder une petite page en html mais impossible de placer le contenu de la page à côté du menu :/ une idée?
Voici mon code :

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
25
26
27
<body>
<table id="principal">
	<tr><td>
	<pre>
test
    </pre>     
sqsqsqsq	
	<hr />
	<tr>
	<table id="menu">
		<tr><td>
		<ul>
			<li><p><a href="?page=home">Accueil</a></p></li>
			<li><p><a href="?page=login">Connexion</a></p></li>
			<li><p><a href="?page=contact">Contact</a></p></li>
		</ul>
		</td></tr>
	</table>
	<table id="contenu">
	<tr><td>
	blabla
	</td></tr>
	</table>
	</tr>
	</td></tr>
</table>
</body>

Le css :

Code css :

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
25
26
27
28
body
{
	background-image:url('images/bg.png');
	text-align: center;
}
 
#principal
{
	border: 2px ridge black;
	width: 100%;
}
 
#menu
{
	width: 15%;
	height: 350px;
	border: 2px ridge black;
	overflow: hidden;
	text-align: justify;
}
 
#contenu
{
	border: 2px ridge black;
	width: 85%;
	height: 350px;
	overflow: hidden;
}

ainsi qu'une image :

http://img15.hostingpics.net/pics/808836990.png

Merci d'avance

**NoSmoking** · 01/07/2013, 22h31

Bonjour,
à lire à tout prix Div et CSS : une mise en page rapide et facile.

**JérémieL** · 03/07/2013, 17h48

Bonjour,

Pourquoi utilises-tu un tableau pour ton menu, et un tableau pour ton contenu ? N'utilise des tables que lorsque tu as besoin d'afficher des données tabulaires.

Sinon, tes blocs s'affichent les uns en-dessous des autres, c'est le comportement par défaut. Il y a différents moyens de résoudre ton problème (positionnement absolu, blocs flottants...) mais le mieux est effectivement d'utiliser un modèle de mise en page.