problème avec les div

**Jordan59** · 06/02/2008, 11h27

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 :

voici ma page html :

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
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 :

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
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

**warwill** · 06/02/2008, 11h45

pour la class .gauche utilise float:left plustot que la position absolute.
ça à marcher pour moi.

**Jordan59** · 06/02/2008, 11h52

Je viens d'essayer mais ça ne change rien !

**Jordan59** · 07/02/2008, 11h04

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!

**warwill** · 07/02/2008, 11h18

peux tu nous donner le code?

**Jordan59** · 07/02/2008, 11h42

Envoyé par warwill

peux tu nous donner le code?

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
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 !

**warwill** · 07/02/2008, 12h04

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)

**warwill** · 07/02/2008, 12h13

genre:

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
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>

**Jordan59** · 07/02/2008, 14h18

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

problème avec les div

CSS

Discussions similaires

Partager

Partager