bonjour
je n'ai pas compris ce que tu cherches à obtenir mais si tu veux coder en xhtml strict, le code est plutôt celui-çi :
<?xml version="1.0" encoding="iso-8859-1"?>
<!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-FR" lang="fr-FR">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="fr-FR" dir="ltr" />
<title>Accueil</title>
<style type="text/css">
/*<![CDATA[*/
html, body
{
height: 100%;
}
body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
margin: 0;
padding: 0;
height: 100%
}
h1, h2, h3, h4, h5, h6 {
font-family: Arial,sans-serif;
margin: 0;
padding: 0;
}
h1{
font-family: Arial, Helvetica, sans-serif;
font-size:2em;
}
h3{
font-size:1.25em;
letter-spacing: 1px;
font-weight: normal;
}
#conteneur {
position: absolute;
width: 100%;
height: 100%;
}
#blocEntete
{
margin: 0;
padding: 9px 0 0;
height: 35px;
border: 1px solid black;
}
#menuGauche {
position: absolute;
left:0;
width: 120px;
margin-left: 5px;
margin-right: 3px;
}
.communPrincipal{
text-align: justify;
padding-left: 7px;
margin-bottom: 7px;
margin-top: 0;
margin-right: 0;
margin-left: 0;
padding-top: 3px;
padding-right: 7px;
padding-bottom: 3px;
-moz-border-radius: 6px;
border-radius: 6px;
border: 1px solid black;
}
#blocPrincipal {
margin-left: 128px;
margin-right: 125px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px;
border: 1px solid red;
height: 74%;
}
#blocErreur h3
{
height: 1.3em;
}
#blocContenu{
text-align: justify;
letter-spacing: 1px;
vertical-align: text-top;
margin-top: 0;
margin-bottom: 7px;
padding-top: 10px;
padding-bottom: 3px;
height: 85%;
}
html>body #blocContenu {
height: auto;
min-height: 85%;
}
#blocBasPage
{
bottom: 10px;
font-size:0.9em;
text-align: right;
letter-spacing: 1px;
margin-bottom: 0;
/*]]>*/
</style>
</head>
<body>
<div id="conteneur">
<div id="blocEntete">
<h1>Titre</h1>
</div>
<div id="menuGauche">
<h3>Menu</h3>
</div>
<div id="blocPrincipal">
<div id="blocTitre" class="communPrincipal">
<h3>Accueil</h3>
</div>
<div id="blocErreur" class="communPrincipal">
<h3></h3>
</div>
<div id="blocContenu" class="communPrincipal">
Bloc contenu
</div>
<div id="blocBasPage" class="communPrincipal">
<h3>Bas de page</h3>
</div>
</div>
</div>
</body>
</html>
si tu utilises les id des divs pour tes explications je testerais plus avant.à première vue, les déclarations body,html sont en conflit.
de plus, tu utilises du code propriétaire géko! j'espére au moins que tu ne fais pas partir de ces "crieurs au loup"...
si çà peux t'aider, voilà ce que me dit top stylepro.
CSS Level 2 (2 errors, 0 warnings)
Selector Description
.communPrincipal Invalid property. The character "-" should not precede the property name.
.communPrincipal Property border-radius does not exist in this definition.
Internet Explorer 5 Mac (4 errors, 0 warnings)
Selector Description
.communPrincipal Invalid property. The character "-" should not precede the property name.
.communPrincipal Property border-radius does not exist in this definition.
html>body #blocContenu Property min-height does not exist in this definition.
#blocBasPage Property bottom does not exist in this definition.
Internet Explorer 5.5 (4 errors, 0 warnings)
Selector Description
.communPrincipal Invalid property. The character "-" should not precede the property name.
.communPrincipal Property border-radius does not exist in this definition.
html>body #blocContenu Child selectors aren't supported by this style definition.
html>body #blocContenu Property min-height does not exist in this definition.
Internet Explorer 5 (5 errors, 0 warnings)
Selector Description
.communPrincipal Invalid property. The character "-" should not precede the property name.
.communPrincipal Property border-radius does not exist in this definition.
html>body #blocContenu Child selectors aren't supported by this style definition.
html>body #blocContenu Property min-height does not exist in this definition.
#blocBasPage Property bottom does not exist in this definition.
Internet Explorer 6 (3 errors, 0 warnings)
Selector Description
html, body In MSIE 6, height and width are calculated differently depending on whether standards-compliant mode is enabled.
body In MSIE 6, height and width are calculated differently depending on whether standards-compliant mode is enabled.
#conteneur In MSIE 6, height and width are calculated differently depending on whether standards-compliant mode is enabled.
#conteneur In MSIE 6, height and width are calculated differently depending on whether standards-compliant mode is enabled.
#blocEntete In MSIE 6, height and width are calculated differently depending on whether standards-compliant mode is enabled.
#menuGauche In MSIE 6, height and width are calculated differently depending on whether standards-compliant mode is enabled.
.communPrincipal Invalid property. The character "-" should not precede the property name.
.communPrincipal Property border-radius does not exist in this definition.
#blocPrincipal In MSIE 6, height and width are calculated differently depending on whether standards-compliant mode is enabled.
#blocErreur h3 In MSIE 6, height and width are calculated differently depending on whether standards-compliant mode is enabled.
#blocContenu In MSIE 6, height and width are calculated differently depending on whether standards-compliant mode is enabled.
html>body #blocContenu Child selectors aren't supported by this style definition.
html>body #blocContenu In MSIE 6, height and width are calculated differently depending on whether standards-compliant mode is enabled.
html>body #blocContenu The property "min-height" only applies to TD, TH and TR elements in fixed-layout tables.
Konqueror 2.2 Linux (8 errors, 0 warnings)
Selector Description
h3 Property letter-spacing does not exist in this definition.
.communPrincipal justify is not a valid value for text-align
.communPrincipal Invalid property. The character "-" should not precede the property name.
.communPrincipal Property border-radius does not exist in this definition.
#blocContenu justify is not a valid value for text-align
#blocContenu Property letter-spacing does not exist in this definition.
html>body #blocContenu Property min-height does not exist in this definition.
#blocBasPage Property letter-spacing does not exist in this definition.
Netscape 7 (6 errors, 0 warnings)
Selector Description
html, body 100% is not a valid value for height
body 100% is not a valid value for height
#conteneur 100% is not a valid value for height
.communPrincipal Property border-radius does not exist in this definition.
#blocPrincipal 74% is not a valid value for height
#blocContenu 85% is not a valid value for height
Opera 5 and 6 (2 errors, 0 warnings)
Selector Description
.communPrincipal Invalid property. The character "-" should not precede the property name.
.communPrincipal Property border-radius does not exist in this definition.
Opera 7 (2 errors, 0 warnings)
Selector Description
.communPrincipal Invalid property. The character "-" should not precede the property name.
.communPrincipal Property border-radius does not exist in this definition.
Safari 1.0 (3 errors, 0 warnings)
Selector Description
.communPrincipal Invalid property. The character "-" should not precede the property name.
.communPrincipal Property border-radius does not exist in this definition.
html>body #blocContenu Property min-height does not exist in this definition.
il y à du boulôt pour un site internavigateur, bonne chance.
. Par contre sous IE aucun soucis.
Oulala
