Ajuster le positionnement des div

**kaiser59** · 02/01/2007, 21h38

Slt,

Voila j'pense que c'est peut etre une question bête pour certain mais bon.
Je voudrais que mes div s'ajuste automatiquement j'ai essayé de mettre width en pourcentage mais selon le navigateur c'est un peu le foutoire sur Firefox j'ai un affichage nikel mais sur IE 6 c'est trop petit et sur IE 7 c'est trop grand.

Franchement je comprend pas trop, j'ai mis ceci :

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
 
div#bandeau 
{
position:absolute;
float:left;
top:50px;
left:80px;
width:85%;
height:100px;
background:#fff url(../images/Fond/bandeau.png);
background-repeat:  no-repeat;
border-left:1px #fff outset;
border-top:1px #fff outset;
border-right:1px #000085 outset;
}
 
 
div#footer2 
{
position:absolute;
float:left;
top:859px;
left:80px;
width:85%;
height:40px;
background:url(../images/Fond/bandeau2.png);
border-left:1px #fff outset;
border-bottom:1px #000085 outset;
border-right:1px #000085 outset;
}
 
div#menu1 
{
position:absolute;
top:156px;
left:80px;
margin:0px;
padding:0px;
float:left;
width:15%;
height:700px;
background:transparent;
border-left:1px #fff outset;
}
 
div#contenu
{
position:absolute;
top:156px;
left:244px;
margin:0px;
padding:0px;
float:right;
width:69%;
height:700px;
border-right:1px #000085 outset;
background-color:transparent;
overflow:auto;
}

Voilà merci d'avance pour votre aide

**blueice** · 03/01/2007, 09h37

L'exemple n'est pas concret, où est le code HTML utilisant la CSS et quel est le problème exactement ?
C'est le foutoir, trop petit, trop grand, ce n'est pas un problème bien précis, tu me l'accorderas...

**kaiser59** · 03/01/2007, 13h23

slt,

Désolé de ne pas etre assez explicite

Je ne pense pas que le code html puisse t'aider car je ne met que :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<div id="bandeau">
	</div>
	<div id="menu1">
	<!-- #include file="page1.asp"-->
	</div>
	<div id="contenu">
	<!-- #include file="page2.asp"-->
	</div>
	<div id="footer2">
	<!-- #include file="footer.asp" -->
	</div>

Quand je dis que sur IE 6 c'est trop petit ou trop grand sur IE 7 je parle de la largeur, le div du bandeau par exemple donne une taille lègrement infèrieur à celle de FireFox alors que j'ai indiqué en pourcentage donc logiquement sa devrait etre la meme taille.

J'espère que c'est un peu plus claire

**kaiser59** · 03/01/2007, 15h25

C'est bon j'ai trouvé le truc, c'était à cause de ma marge de gauche de mon body

.

Cependant j'ai un nouveau problème sur IE 6 et FF mes div sont bien positionnés mais sur IE 7 mon div contenu se superpose avec le menu et cela donne ceci

Le cercle rouge indique l'endroit de la superposition entre les deux div (menu et contenu)

PS : Désolé pour la taille

**kaiser59** · 03/01/2007, 15h46

C'est bon j'ai trouvé il fallait juste mettre en pourcentage le left.

Cependant je me retrouve toujours avec un autre problème qui est que si je met en pourcentage il d'adapte à la taille de la fenetre donc si je rétrécie celle ci, mes div font rétrécir or je voudrais qu'il reste fixe mais pour cela il faut mettre en px
Donc comment faire pour à la fois adapter le contenu à l'affichage de l'utilisateur (800, 1024, etc..) et qu'il ne dégrade pas la visibilité du site ??

Suis-je obligé de faire une feuille de style pour chaque affichage ????