height maximum

**Anduriel** · 15/03/2006, 17h36

Salut,

Je voudrai que mon div prenne toute la hauteur de ma page. Etant optimisé pour du 1024*768, j'ai mis un height de 600px environ sous IE. Mais sous FF, a 600px le div s'arrête même si le texte est plus grand (j'utilise float sur les div et FF les gère pas comme IE).

En gros: comment faire pour que ces div fassent toujours toute la hauteur?
Merci

**dhjapan** · 15/03/2006, 18h11

Salut,
C'est toujours un peu tricky je crois, ... et ca dépend beaucoup du DOCTYPE qui est utilisé en tête de page :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
xml:lang="en" lang="en">
 
  <head>
    <style type="text/css">
      html, body {
        margin: 0;
        padding: 0;
        height: 100%;
      }
      div {
        height: 100%;
        background: red;
      }
    </style>
  </head>
 
  <body>
 
  <div></div>
 
  </body>
</html>

**Anduriel** · 15/03/2006, 19h08

J'ai déjà un DOCTYPE et en le modifiant, ça modifie mes marges et tout le reste. Moi j'ai:

Code :

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

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">

Comment meler les deux?

**Linaa** · 16/03/2006, 00h21

Pour FF, il faut utiliser la propriété min-height.
IE considère la propriété height comme étant un min-height.

**azertyman** · 16/03/2006, 02h35

une technique que j'ai trouvé c'est de mettre dans ton fichier css

Code :

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

min-height :

qui sera affiché bien comme il faut par tout les navigateurs
et spécialement pour IE, tu précises dans la page qui serait moins haute

Code :

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

height :

**ShinJava** · 16/03/2006, 13h38

Salut,
Si t'es pas faché avec l'anglais regarde ce mini tuto :
http://www.greywyvern.com/code/min-height-hack.html

Ca permet de régler ton problème, quand ton texte sous FF depassera les 600px, ton div grandira automatiquement (pareil pour IE et autres).

Vala vala

++
ShinJava

**Anduriel** · 16/03/2006, 18h42

Sous FF c'est parfait mais sous IE cette propriété ne fonctionne pas.
Merci

**Anduriel** · 16/03/2006, 19h22

Je vous explique mieux le problème. J'ai mis tout simplement un min-height à 600 pour que si le texte soit plus grand que le div, celui-ci soit redimensionné.

Sous FF ça plante, le texte déborde quand même:
http://killtrees.free.fr/images/FF.gif

Sous IE, le cadre à droite n'est pas redimensionné au dessus de 600 si le cadre de gauche est grand:
http://killtrees.free.fr/images/IE.gif

Comment je peux rêgler ça?
Merci

**Anduriel** · 18/03/2006, 12h26

Bon alors pour faire simple autrement et ce qui reglerait mon problème: comment faire pour faire comprends a FF et IE le height: 100% ?

Edit: J'y avait pas pensé; j'ai mis min-height: 100% mais il ne comprends pas. Il me faudrait le bon DOCTYPE pour que et les margin auto fonctionnent et les pouventages fonctionnent.

Merci

**Linaa** · 18/03/2006, 15h53

Lorsque tu mets un min-height, il faut spécifier une valeur et non un pourcentage.

Ce que je fais

Code :

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

1
2
	min-height:492px;
	_height:492px;

Firefox ne prendra en compte que le min-height, c'est ce qu'on veut.
Et IE le _height (Le underscrore, c'est uniquement pour IE).

**Anduriel** · 18/03/2006, 18h48

Merci t'es la meilleure

Donc la si mon menu n'est pas trop grand pour les deux cotés, le div fait bien 600px. Mais après si mon div est > à 600px pour l'un, l'autre div reste fixé à 600px (normal d'ailleur). J'aimerai que ce div fasse aussi toute la largeur, d'ou le pourcentage. Je ne vois pas comment faire

Merci

**Linaa** · 18/03/2006, 20h49

J'crois que c'est moins compliqué pour la largeur.
Tu mets le width à 100%

:

**Anduriel** · 19/03/2006, 12h19

Mince je me suis pas relu... Désolé c'est toujours avec la hauteur mon problème

Merci

**francis m** · 19/03/2006, 18h18

cela ne répond surement pas à ta question, mais le texte Etant optimisé pour du 1024*768 ne ma plaît pas trop, parce que tu n'es jamais sûr que tes clients ont ouvert leur navigateur en plein écran et que cet écran soit en 1024*768

en fait, je trouve cela pas optimisé

**Anduriel** · 19/03/2006, 19h16

Oui je sais pas mais je verrai les résolutions après. Si vous avez une idée ou un DOCTYPE pour mon problème je suis toujours preneur.

Merci

**Matt_Rhapso** · 07/04/2006, 17h54

pour la bidouille que j'utilise, cf topic

height maximum

HTML

Discussions similaires

Partager

Partager