Alors j'avance quand meme un peu
Je suis presque arrive a mon but, mais.....
ehh oui il y a un mais.........
malgre tous mes efforts la fenetre ne veut pas faire 100% a quelques pixels pres a priori...
alors qui peut me dire ou se trouve le probleme SVP MERCI
Et comme je travaille qu'en local helas je suis oblige de remettre le code malheureusement :
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<link href="test_styles.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {margin:0}
</style>
</head>
<body>
<div class="haut"></div>
<div class="gauche"></div>
<div class="frame">
<h1>une présentation sans Frames !</h1>
<p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p>
<p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p>
<p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p><p>test</p>
</div>
<div class="bas"></div>
</body>
</html>
pour la feuille de style ca donne ca :
<style type="text/css">
body {
width: 100%;
height: 100%;
font-family: verdana, arial, sans-serif;
}
.haut {
height: 100px;
width: 100%;
background-color: Silver;
background-image: url(file:///D|/minisite_jcr/images/entete.jpg);
background-repeat: no-repeat;
}
.conteneur {
height: 100%;
width: 100%;
}
.gauche {
position: absolute;
width: 150px;
height: 430px;
background-color: #CCCCCC;
background-image: url(fond_menu.jpg);
background-repeat: no-repeat;
background-position: center top;
left: 0px;
}
.frame {
margin-left: 150px; /* on place ce bloc à droite du bloc menu de 180px de large */
width: auto;
height: 430px;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
font-size: 14px;
clear: both;
}
.bas {
clear: both;
width: auto;
height: 70px;
background-color: #CCCCCC;
color: #fff;
background-image: url(Images/pied.jpg);
background-repeat: no-repeat;
background-position: left top;
}
</style>
Dernier petit point pour "le point zero" il faut absolument le mettre dans le head car j'ai essaye en l'incluant dans la feuille de style mais ca ne marche pas, pourquoi ???? j'en sais rien
