Enlever le scroll vertical ?

**slideveloppeur2006** · 07/04/2008, 17h10

Salut,

Voici la mise en page que je souhaite :

J'utilise des div
J'ai réussi à avoir à peu près cette mise en page sauf que ....
Je n'arrive pas à organiser dynamiquent la page des que je reduis en hauteur la fenetre. J'aimerais que tout se reduise automatiquement pour laisser le maximum de place au deux tableaux 1 et 2

Est-ce qu'on peut faire ça ? Avec des divx + css.

Sinon ma feuille de style toute simple

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
<style type="text/css">
body {
margin: 0;
padding: 0;
}
#entete {
height: 150px;
background-color: #99CCCC;
margin-right: 150px;
}
#conteneur {
position: absolute;
width: 100%;
background-color:#CCCCFF;
}
#corps {
height: 300px;
background-color:#9999CC;
margin-left: 0px;
margin-right: 150px;
}
html>body #corps {
height: auto;
min-height: 300px;
} 
 
 
#menu {
position: absolute;
right:0;
width: 150px;
}
#pied {
height: 100px;
background-color: #99CC99;
margin-right: 150px;
}
 
 
 
</style>

**Deallyra** · 07/04/2008, 17h25

Bonjour,

Pourcentage et non tailles en pixel pour que tu puisses avoir l'effet escompté.
Maintenant, je ne peux pas être vraiment plus précise

enfin si, éléments de taille fixe (px) pour tes tableaux, % pour le reste

**slideveloppeur2006** · 07/04/2008, 17h46

Ok, j'ai changé les pixels des height en %. Mais ca ne change rien, quand je rétrécie la hauteur il me coupe ma page, je veux qu'elle se redimensionne automatiquement en fonction d'un rétrécissement ou agrandissement de fenêtre....

**Deallyra** · 07/04/2008, 17h50

Montres nous ton code html peut etre

**slideveloppeur2006** · 07/04/2008, 17h53

Tout simple....

Donc je répète : ma problematique, donner la maximum d'espace aux tableau 1 et deux meme si je reduit la fenetre en largeur comme en hauteur.

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>PZP exemple 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
</head>
 <link rel="stylesheet" href="pzp2.css">
<body>
 
<div id="conteneur">
 
	  <div id="entete">entete hauteur variable en fonction du contenu ( liens)
 
		</div>
 
 
 
	  <div id="menu"><p>Menu</p>
	  	<p>largeur vaiable en fonction du contenu (bouton)</p>
 
 
 
	  </div>
 
  	<div id="corps">
  	  partie centrale qui &quot;pousse&quot; les colones vers le bas.<br />
 
  	  partie avec du contenu occupant le reste de la largeur<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
 
 
 
  	</div>
 
	  <div id="pied">pied de page hauteur variable en fonction du contenu </div>
</div>
 
 
</body>
</html>

**Deallyra** · 08/04/2008, 08h58

Code :

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

 <link rel="stylesheet" href="pzp2.css">

dans le head

Enlever le scroll vertical ?

Défilement en CSS

Vue hybride

Discussions similaires

Partager

Partager