Bonjour a tous,
Voila aujourd'hui je me pose une nouvelle question!
Comment bien structurer son site grace aux <DIV> et au CSS?
Je m'explique,
pour exemple voici mon code CSS et une partie du code du site:
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
 
<style type="text/css">
body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
 
#conteneur
{
        height: 31%;
        width: 100%;
        border:solid 1px red;
}
#2
{
        height: 50%; 
        width: 50%; 
        text-align: center;
        position: relative;
        float: left;
}
 
#1
{
        height: 50%;
        width: 30%;
        tex-align: center;
        float: left;
}
 
#3
{
        height: 50%;
        width: 30%;
        tex-align: center;
        
        position: relative;
        
        
}
#4
{
        height: 50%;
        width: 50%;
        tex-align: center;
        
        position: relative;
        float: right;
}
</style>
Je sais que c'est pas propre de mettre sa feuille de style dans le fichier html ou php de la page en question et qu'il vaut mieu faire un fichier.css mais bon... je le ferai

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
 
<body>
<div id="conteneur">
 
	<div id="1" style="overflow:auto;border:solid 1px black;">
		JEUX
	</div>
	<div id="2" style="overflow:auto; border:solid 1px black;">
		BANNIERE CENTRE
	</div>
	<div id="3" style="border:solid 1px black;">
		EN DESSOUS DE JEUX
	</div>
	<div id="4" style="border:solid 1px black;">
		EN DESSOUS DE BANNIERE
	</div>
</div>
</body>

J'aimerai que ça affiche donc ceci:


le 5 n'etant pas encore ecrit car pour le moment 1,2,3 et 4 ne fonctionne meme pas!!!

Donc si vous pouviez m'aidez ou m'indiquer des pistes pour trouver quoi et comment faire

merci d'avance