height maximum

Version imprimable

15/03/2006, 17h36
Anduriel

height maximum

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

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:

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>

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

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?

16/03/2006, 00h21
Linaa

Pour FF, il faut utiliser la propriété min-height.
IE considère la propriété height comme étant un min-height.
16/03/2006, 02h35
azertyman

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

Code:

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:

height :
16/03/2006, 13h38
ShinJava

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
16/03/2006, 18h42
Anduriel

Sous FF c'est parfait mais sous IE cette propriété ne fonctionne pas.
Merci
16/03/2006, 19h22
Anduriel

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
18/03/2006, 12h26
Anduriel

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
18/03/2006, 15h53
Linaa
Lorsque tu mets un min-height, il faut spécifier une valeur et non un pourcentage.

Ce que je fais
Code:

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).
18/03/2006, 18h48
Anduriel

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
18/03/2006, 20h49
Linaa

J'crois que c'est moins compliqué pour la largeur.
Tu mets le width à 100% :?:
19/03/2006, 12h19
Anduriel

Mince je me suis pas relu... Désolé c'est toujours avec la hauteur mon problème :roll:
Merci
19/03/2006, 18h18
francis m

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é
19/03/2006, 19h16
Anduriel

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
07/04/2006, 17h54
Matt_Rhapso

pour la bidouille que j'utilise, cf topic