problème avec les div

Version imprimable

Bonjour à tous,

Je suis débutant en css et ai décidé d'utiliser des div.

J'ai donc une div pour la bannière qui s'appelle "head1"
une div pour le menu horizontal "head2"
une div pour le menu vertical gauche ".gauche"
et une div pour le corps ".centre"

Mon problème est que le menu de gauche va se mettre systématiquement plus bas que le corps au lieu de se mettre à la même hauteur, voir la capture d'écran ci dessous :
http://www.monsterup.com/upload/1202293929.jpg

voici ma page html :
Code:

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 29 <html> <head> <title> Site Commercial </title> <link rel="stylesheet" type="text/css" href="MonStyle.css"/> </head> <body> <div class="head1"></div> <div class="head2"> <a href="index.php" title="Retour à l'accueil">Accueil</a> <a href="conseil.php" title="Retour à l'accueil">conseil</a> <a href="panier.php" title="Retour à l'accueil">panier</a> <a href="compte.php" title="Retour à l'accueil">compte</a> </div> <div class="centre"> <h1>toto</h1> </div> <div class="gauche"> <h2>test</h2> </div> <body> </body> </html>
et mon css :
Code:

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 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 body{ margin:0; font-size:12px } .head1{ background-image:url('design/banniere.png'); width:100%; height:60px; } .head2 { background-color:#00FFFF; width:100%; height:28px; font-size:18px; text-align:center; } .gauche{ position:absolute; left:0; background-color:#0099FF; width:15%; height:100%; } .centre{ margin-left:20%; width:85%; }
Si quelqu'un pouvait m'aider, ce serait sympa ;)

06/02/2008, 11h45
warwill

pour la class .gauche utilise float:left plustot que la position absolute.
ça à marcher pour moi.
06/02/2008, 11h52
Jordan59

Je viens d'essayer mais ça ne change rien ! :cry:
07/02/2008, 11h04
Jordan59

J'ai trouvé, en fait il faut que je mette la div sommaire avant la div centre et ça marche.

Mais j'ai encore un problème, il y a du code php dans ma page et j'ouvres régulièrement les balises php et les fermes et plus rien ne sort de ma div sommaire malgré l'avoir fermée!:cry:
07/02/2008, 11h18
warwill

peux tu nous donner le code?

Citation:

Envoyé par warwill

peux tu nous donner le code?

Voici mon code :

Code:

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<?php
session_start();
$log = $_POST['login']; 
?>
<html>
 
<head>
<title> Site Commercial </title>
<link rel="stylesheet" type="text/css" href="MonStyle.css"/>
</head>
 
<body>
<div class="head1"></div>
 
<div class="head2">
 
		<a href="index.php" title="Retour à l'accueil">Accueil</a>
		<a href="conseil.php" title="Retour à l'accueil">conseil</a>
		<a href="panier.php" title="Retour à l'accueil">panier</a>
		<a href="compte.php" title="Retour à l'accueil">compte</a>
</div>
 
<div class="gauche">
<p>
<table>
	<td>
		<table border = 1 width="100%">
		<tr>
	<td>
<center>
 
<?php
if($_SESSION['login']!="")
{
 
	echo("Utilisateurs<br>");
	echo $_SESSION['login']; 
	echo("est actuellement connecté(e)<br>");
 
	}
	else
	{
 
	echo("<h3>Utilisateurs<br></h3>");
?>
 
<form action = "index.php" Method="post">
<p>Login : <input type ="text" name ="login" value ="">
<p>mot de passe : <input type = "pass" name ="pass" value ="">
<p><input type ="submit" value ="valider">
</form>
 
 
<?php
}
?>
 
</td>
</center>
</table>
</p>
 
<p>
<table>
	<td>
		<table border=1 width="100%">
		<tr>
	<td>
	<center>
	<p><h3>Recherche</h3></p>
	<form action="recherche.php" method="post">
	<p><input type="text" name="rech" value=""></p>
	<p><input type="submit" value="Rechercher"></p>
	</form>
	</center>
	</td>
</table>
</p>
 
<p>
<center>
<table>
	<td>
		<table border="1" width="100%" align="center">
		<tr>
	<td>
	<center>
	<p><h3>Catégories</p></h3>
 
	<?php
	//connection au SGBD et à la base de données
	$lien=mysql_connect("localhost","root","") or die("Connexion impossible");
	mysql_select_db("ecommerce",$lien) or die("Connexion à la base impossible");
	//requête récupérant la liste des catégories
	$requcateg=mysql_query("Select * From categorie",$lien)
	or die("erreur requête catégories");
	while($resultcateg=mysql_fetch_row($requcateg))
	{
		echo("<a href='".$resultcateg[1].".php'>".$resultcateg[1]."</a><br>");		
	}
	mysql_close($lien);
	?>
 
	</center>
	</td>
</table>
</center>
</p>
</div>
 
<div class="centre">
<h1>toto</h1>
</div>
</body>
</html>

Si j'enlève tout le php, ça fonctionne !:aie:

07/02/2008, 12h04
warwill

c'est peut être qu'un détail mais dans ton test tu vérifie
$_SESSION['login'] alors que dans le début tu mets POST['login']
dans $log. ton test ne peut jamais être vraix dans cette circonstance.
deplus je déconseille la coupure du script pour passer du html.
tu pourrais passer tout ça dans un echo.(je le fait)

genre:

Code:

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<?php
session_start();
$_SESSION['login'] = isset($_POST['login']) ? $_POST['login'] : '' ; 
?>
<html>
 
<head>
<title> Site Commercial </title>
<link rel="stylesheet" type="text/css" href="MonStyle.css"/>
</head>
 
<body>
<div class="head1"></div>
 
<div class="head2">
 
		<a href="index.php" title="Retour à l'accueil">Accueil</a>
		<a href="conseil.php" title="Retour à l'accueil">conseil</a>
		<a href="panier.php" title="Retour à l'accueil">panier</a>
		<a href="compte.php" title="Retour à l'accueil">compte</a>
</div>
 
<div class="gauche">
<p>
<table>
	<td>
		<table border = 1 width="100%">
		<tr>
	<td>
<center>
 
<?php
if($_SESSION['login']!="")
{
 
	echo("Utilisateurs<br>");
	echo $_SESSION['login']; 
	echo("est actuellement connecté(e)<br>");
 
	}
	else
	{
 
	echo("<h3>Utilisateurs<br></h3>
<form action = "index.php" Method="post">
<p>Login : <input type ="text" name ="login" value ="">
<p>mot de passe : <input type = "pass" name ="pass" value ="">
<p><input type ="submit" value ="valider">
</form>");
         }
?>
 
</td>
</center>
</table>
</p>
 
<p>
<table>
	<td>
		<table border=1 width="100%">
		<tr>
	<td>
	<center>
	<p><h3>Recherche</h3></p>
	<form action="recherche.php" method="post">
	<p><input type="text" name="rech" value=""></p>
	<p><input type="submit" value="Rechercher"></p>
	</form>
	</center>
	</td>
</table>
</p>
 
<p>
<center>
<table>
	<td>
		<table border="1" width="100%" align="center">
		<tr>
	<td>
	<center>
	<p><h3>Catégories</p></h3>
 
	<?php
	//connection au SGBD et à la base de données
	$lien=mysql_connect("localhost","root","") or die("Connexion impossible");
	mysql_select_db("ecommerce",$lien) or die("Connexion à la base impossible");
	//requête récupérant la liste des catégories
	$requcateg=mysql_query("Select * From categorie",$lien)
	or die("erreur requête catégories");
	while($resultcateg=mysql_fetch_row($requcateg))
	{
		echo("<a href='".$resultcateg[1].".php'>".$resultcateg[1]."</a><br>");		
	}
	mysql_close($lien);
	?>
 
	</center>
	</td>
</table>
</center>
</p>
</div>
 
<div class="centre">
<h1>toto</h1>
</div>
</body>
</html>

07/02/2008, 14h18
Jordan59

J'ai touvé ce que c'était, c'est dû au fait que je met des tableaux dans ma div gauche, sans les tableaux je n'ai plus de problème !

merci pour ton aide :king: