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

**slideveloppeur2006** · 08/04/2008, 09h22

Oui, mais ça n'a rien change, c'est ce que je pensais.

Mon souci est toujours le même à savoir :

- donner le maximum d'espace aux tableau 1 et 2meme si je réduit la fenêtre en largeur comme en hauteur. Que ça ne coupe pas ma page (à l'image d'un crop) et que ça ne me mette pas le scroll vertical.

Merci

**slideveloppeur2006** · 08/04/2008, 10h04

Je viens de rajouter ça

Code :

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

1
2
 
html, body { height: 100%; width: 100%; overflow: hidden; }

Ca m'enlève le scroll vertical, mais quand je réduit la page, ça me coupe ma page, ça la réorganise pas ?

ESt-ce possible au moins ?

**slideveloppeur2006** · 08/04/2008, 14h20

C'est possible ou pas ??? , j'entends parler de Layout css, template....
Up

**slideveloppeur2006** · 08/04/2008, 16h40

Up

**darkstar123456** · 08/04/2008, 19h06

TOUTES les tailles doivent être en % ou en "em".

De plus, si tu souhaites que ton texte se rétrécisse/agrandisse aussi de façon correcte, met-leur également une taille en % ou "em".

Je crois que le "em" est maintenant plus utilisé que le % car le "em" est relatif à celui qui le précède, et ça simplifie souvent pas mal de problème

**slideveloppeur2006** · 09/04/2008, 09h54

C'est ce que j'ai fait, mais actuellement j'ai trouvé aucun site internet ou exemple qui, lorsque l'on réduit la page en hauteur, se met en page dynamiquement , pour que l'on voit toujours le pied de page, la barre à gauche...

Donc apparemment, c'est pas demain que je trouverai une solution j'ai l'impression.

Merci quant même

Enlever le scroll vertical ?

Défilement en CSS

Discussions similaires

Partager

Partager