Discussion :

[kaiser59]

slt

J'ai une question qui je l'espère n'est pas trop compliqué cette fois-ci
Voilà sur la nouvelle présentation de mon site j'utilise le div qui place bien mes bout de pages.
Cependant j'ai un souci c'est que quand je retréci la fenetre ou ke je la rétreci un peu mes morceau de page se disperses exemple:
j'ai l'en-entete sa c'est ok sa bouge page mais juste en dessous de l'entete je vais avoir mon menu - mon contenu sur la meme ligne mais pas mon 2ème menu qui lui se situe en dessous comme s'il allait à la ligne et ainsi de suite selon la taille que je donne à la fenetre.
Alors, existe t-il un moyen d'empecher la redimension des div par rapport à la taille de la fenetre ??

J'espère que c'est claire ce que je dis lol ?

Merci d'avance

[viviboss]

Il faut que tu pécise la taille de ton DIV en px (exemple : width:800px; )

[kaiser59]

Slt,

Au départ j'avais mis l'unité de mesure em et là je viens de changer pour mettre comme tu m'as suggeré mais c pareil voila le code si sa peut aider,
Je l'ai récuperé dans le FAQ du forum ci, si je me souviens bien et que j'ai adapté of course lol .

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
div {
	text-align:center;
	}
div#bandeau {
	width:59em;
	height:100px;
	background:white;
	background-image: url(Fond/bandeau.png);
	background-repeat: no-repeat;
	border-left: 1px blue solid;
	border-top: 1px blue solid;
	border-right: 1px black solid;
	}
div#menu1 {
	float:left;
	width:135px;
	height:800px;
	background-image: url(Fond/bgmenu1.png);
	border-left: 1px blue solid;
	border-bottom: 1px black solid;
	}
div#contenu {
	float:left;
	width:650px;
	height:800px;
	border-bottom: 1px black solid;
	background-image: url(http://aproubaix.com/Images/Fond/contenu.png);
	overflow:auto;
 
	}
div#menu2 {
	float:right;
	width:135px;
	height:800px;
	background-image: url(Fond/bgmenu1.png);
	border-right: 1px blue solid;
	border-bottom: 1px black solid;
	}

[viviboss]

C'est sans doute tes "float" qui posent problème....

Tu devrais essayé d'englober tout tes div dans un div, en position "absolute", ca te feras une mise en page beaucoup plus rigide, et donc moins dépendante de la taille de la fenêtre :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
#contenu{
position:absolute;
top:100px;
right:100px;
width:800px;
height:600px;
margin:0px;
padding:0px;
}

[kaiser59]

Ok ça marche enfin, il fallait juste remplacer Right par Left dans ton code

Merci viviboss

[viviboss]

De rien

N'hésite pas !!!