Positionnement de mes balises div

**Tamzoro** · 25/02/2016, 02h42

Bonjour,

Je voudrais que mon menu soit au centre de ma page, et je pense que le problème vient de mes balises div j'ai du mal fermer quelques choses?
Je ne pense pas que le soucis vient du CSS...

Merci en tout cas pour votre aide.

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

        <head>
		<link rel="stylesheet" href="style.css" />
            <title>Site E-commerce</title>
        </head>
    
        <body>
		
		<!---- Menu contianer --->
		<div class="main_wrapper">
		
		<!-- header start -->
		<div class="header_wrapper">
			<img id="logo" src="images/souf.jpg" />
			<img id="banner" src="images/soufi.jpg" />
		</div>
		
		<!--header end here -->
		
		<!-- navigation bar starts-->
		<div class="menubar"> 
		
		<ul id="menu">
			<li><a href="#">Home</a></li>
			<li><a href="#">All Products</a></li>
			<li><a href="#">My Account</a></li>
			<li><a href="#">Sinn Up</a></li>
			<li><a href="#">Shopping</a></li>
			<li><a href="#">Contact Us</a></li>
		</ul>
			<div id="form">
			<form method="get" action="resultats.php" enctype="multipart/form-data">
			<input type="text" name="user_query" placeholder="search a prodcut"/>
			<input type="submit" name="search" value="search"/>
			</form>
		</div>
			
		</div>
		
		
	
		 
		<!--navigation bart -->
		
		<!--nContent wrapper starts  -->
		<div class="content_wrapper">
			<div id="sidebar">
			<div id="sidebar_title"> Categories </div>
			
			<ul id="cats">
			<li><a href="#">Laptops</a></li>
			<li><a href="#">Computers</a></li>
			<li><a href="#">Mobiles</a></li>
			<li><a href="#">Cameras</a></li>
			<li><a href="#">Ipas</a></li>
			<li><a href="#">Tablettes</a></li>
			
			</ul>
			
			<div id="sidebar_title"> Brands </div>
			<ul id="cats">
			<li><a href="#">HP</a></li>
			<li><a href="#">DELL</a></li>
			<li><a href="#">PHILIPPs</a></li>
			<li><a href="#">sony</a></li>
			<li><a href="#">Acer</a></li>
			<li><a href="#">Thosiba</a></li>
			
			</ul>
			
			</div>
			
			<div id="content_area"> this is content area </div>
	
		
		<!--wrappers ends  -->
         <div id="footer"> this is the footer </div>

		</div>
         
	<script type="text/javascript" src="script.js"></script>   
        </body>
		</hmtl>

**Vil'Coyote** · 25/02/2016, 14h02

<div class="content_wrapper">

n'est pas fermé, tu aurais pus t'en rendre compte rapidement et facilement si tu indentai correctement ton code. De plus avec l'aide de logiciel adéquat cela sera plus facile.

**NoSmoking** · 25/02/2016, 18h46

Bonjour,

<div class="content_wrapper">
n'est pas fermé,

les navigateurs l'auront fermé, il en voient des choses biens pires

Envoyé par Tamzoro

Je ne pense pas que le soucis vient du CSS...

si tu le dis, mais je n'en serais pas aussi sûr !

**grafimages** · 26/02/2016, 15h07

Le souci vient forcément des CSS, puisque tu définis les caractéristiques du menu (couleur, police... et positionnement sur la page) en CSS.
Le HTML n'a théoriquement aucune incidence sur l'emplacement d'un bloc/élément dans le flux.

Bref, poste tes CSS, on pourra te dire d'où ça vient

Positionnement de mes balises div

Discussions similaires

Partager

Partager