min-height

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : min-height

Flyman30

Y a t'il une alternative pour min-height ? en effet ça fonctionne bien ave c Mozilla/Firefox et Opéra7 mais pas avec IE6 :sweat:

Code :

html, body
{
margin:0;
padding:0;
background-color: #FFFFFF;
font-family: Verdana, Helvetica, sans-serif;
font-size:1Ox;
line-height:normal;
color:#000000;
height: 100%;
}
p, h2, h3, a, .retour, .TextGras, .TextMini, .Textitalic, .Textitalic3, .texte-centre, .table, .TableB, .tblbor, .table2, li, ul, select
{
font-family: Verdana, Helvetica, sans-serif;
font-size:10px;
color:#000000;
background-color: #FFFFFF;
}
p
{
text-align: justify;
}
ul, li
{
text-align: left;
}
.banniere
{
background-color: #008040;
height: 90px;
}
.contenu
{
min-height: 80%;
background-color: #ffffff;
}
.gauche
{
background-color: #ffffff;
float: left;
width: 150px;
color: #ffffff;
margin-left: 10px
}
.principal
{
margin-left: 190px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.pied
{
background-color: #008040;
height: 5%;
padding-top: 20px;
text-align: center;
}

HTML

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="sempe.css" media="screen"></link>
</head>
<body>
<div class="contenu">
<div class="gauche">
</div>
<div class="principal">
</div>
</div>
<div class="pied">
</div>
</body>
</html>

Bien entendu dans IE le min-height n'est pas respecté

Message édité par Flyman30 le 20-05-2004 à 14:27:35

Publicité

Flyman30

J'ai fait comme ça finalement :

Code :

html, body
{
margin:0;
padding:0;
background-color: #FFFFFF;
font-family: Verdana, Helvetica, sans-serif;
font-size:1Ox;
line-height:normal;
color:#000000;
height: 100%;
}
p, h2, h3, a, .retour, .TextGras, .TextMini, .Textitalic, .Textitalic3, .texte-centre, .table, .TableB, .tblbor, .table2, li, ul, select
{
font-family: Verdana, Helvetica, sans-serif;
font-size:10px;
color:#000000;
background-color: #FFFFFF;
}
p
{
text-align: justify;
}
ul, li
{
text-align: left;
}
.banniere
{
background-color: #008040;
height: 90px;
}
.contenu
{
min-height: 80%;
width: 100%;
}
.accueil
{
margin: 20px;
}
.gauche
{
float: left;
width: 150px;
color: #ffffff;
margin-left: 10px
}
.principal
{
margin-left: 190px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
min-height: 600px;
}
.pied
{
height: 5%;
padding-top: 20px;
text-align: center;
}

S'il y a une autre solution je suis preneur

http://flyman30.dyndns.org/test/template.asp

Message édité par Flyman30 le 22-05-2004 à 09:50:30

Sujets relatifs
height: 100% marche pas dans firefox	[CSS] Height 100% dans IE
[CSS] height d'un div reglé par expression	regex(bbcode) de la balise img avec les attributs width,height,border
[CSS] Div avec height à 100%	[XHTML strict] width / height / align / color ?
[JAVA] Récupérer width & height d'une image [Solution inside]	Problème avec HEIGHT :(
[W3C] Probleme avec HEIGHT	[HTML] line-height et Netscape... ;-(
Plus de sujets relatifs à : min-height

Page générée en 0.067 secondes