Discussion :

[PRomu@ld]

Bonjour,

Ca fait un petit moment que je cherche s'il est possible de définir la largeur d'un bloc (div) en fonction de la fenêtre.

Ma page est grossièrement découpé en deux parties, la partie de gauche est le menu, de taille fixe et la partie de droite doit (si c'est possible) être de taille variable en commençant absolument à 150 pixel de la gauche.

J'ai essayé en metant left à 150px et right à 5px mais ça ne fonctionne pas.

Je me demande donc si cela est possible ou pas, tout ce que j'ai trouvé fait été d'un centrage en fonction de la fenêtre mais je ne veux pas un centrage, je ne peux pas utiliser les % pour la largeur car cette largeur ne serait pas conforme (puisque mon menu de gauche est fixe).

Si quelqu'un à déjà eu le problème, ça serait sympa qu'il me dise comment il/elle l'a résolu.

Merci par avance

[Chronax]

salut à toi !
tu as les codes pour voir un peu ca ??

[PRomu@ld]

Je veux bien mais c'est un poil long ... Si tu veux, je résume :

Le menu de gauche :

Code :

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

1
2
3
4
5
6
7
8
 
.menu_left
{
     position:absolute;
     top:120px;
     left:5px;
     width:145px;
}

Le conteneur principal :

Code :

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

1
2
3
4
5
6
7
8
 
.container
{
     position:relative;
     top:120px;
     left:150px;
     width:80%; /* C'est ce que je veux changer */
}

Le conteneur principal est en position relative car j'ai deux colonnes dedans dont la taille est fonction de ce conteneur principal.

Actuellement j'ai laissé une largeur de 80% mais ça ne me va pas forcément, j'aurai voulu que cette largeur ne soit pas donnée mais qu'elle soit calculée en fonction de la fenêtre. Je ne sais pas si c'est possible en fait ...

[Chronax]

Hm je ne sais pas non plus, c'est vrai que j'ai également l'habitude de mettre un width avec un pourcentage ...tu voudrais que ta largeur ce cale en fonction de la place...bref il me semble avoir compris la chose mais je n'ai pas de solution quoiqu'il en soit si il en existe une je suis preneur aussi
Bon courage à toi !

[masu]

quelque chose de ce style te conviend-t-il ?

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
* {
	margin:0;
	padding:0;
}
#header {
	height: 120px;
	background: #e00;
}
#menu_left {
	width: 145px;
	float: left;
	background: #0e0;
}
 
#container {
	margin-left: 150px;
	background: #00e;
}

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
<div id="header">header</div>
<div id="menu_left">
<ul>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
<li><a href="#">menu</a></li>
</ul>
</div>
<div id="container">
<h1>dummy title</h1>
<p>dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text 
dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text dummy text 
</p>
</div>

[PRomu@ld]

A vrai dire, j'ai laissé tombé pour l'instant, je dois voir le client demain matin, je verrai bien.

Néanmoins, je note ta solution mais je me permet simplement de dire que je n'ai aucun texte dans le conteneur, seulement deux boites qui servent à effectuer des colonnes. J'ai donc peur que ce que tu propose ne fonctionne pas.

J'ai vu un truc avec width:auto , je n'ai pas encore essayé de voir ce que ça donnait sur mon site.