Merci à ceux qui pourront m'aider...Même si le sujet en dit beaucoup je vais reprendre
Je débute en html et css et j'arrive pas à résoudre un problème sous Firefox malgré les tutoriaux. Je me suis amusé à créer un design bidon pour comprendre le fonctionnement des div et notamment des float. J'ai un div Tout qui contient 3 div devant être centrés Gauche, Centre, Droite dont la taille varie inexorablement suivant la page...
Voici le code de ma page sous dream :
Code : Tout sélectionner
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
text-align:center;
}
#T{
background:#CCCCCC;
padding: auto;
margin: auto;
align:center;
}
#G{
float:left;
padding: 0px 10px 0px 10px;
margin: 0px 0px 0px 10px;
width: 200px;
height: 100%;
background:#FF0000;
}
#D{
float: right;
padding: 0px 10px 0px 10px;
margin: 0px 10px 0px 0px;
width: 200px;
height: 100%;
background:#0000FF;
}
#C{
padding: 15px 15px 15px 15px;
margin: 15px 15px 15px 15px;
width: 500px;
background:#CC33CC;
}
</style>
</head>
<body>
<div id="T">
<div id="G">gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche
gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche
gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche
gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche
gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche
gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche gauche
gauche </div>
<div id="D">droite droite droite droite droite droite droite droite droite droite droite droite droite droite droite droite droite droite droite droite droite droite droite droite droite droite droite droite droite droite droite droite droite droite</div>
<div id="C">centre centre centre centre centre centre centre centre centre centre
centre centre centre centre centre centre centre centre centre centre centre
centre centre centre centre centre centre centre centre centre centre centre
centre centre centre centre centre centre centre centre centre centre centre
centre centre centre centre centre centre centre centre centre centre centre
centre centre centre centre centre centre centre centre centre centre centre
centre centre centre centre centre centre centre centre centre centre centre
centre centre centre centre centre centre centre centre centre centre centre
centre centre centre centre centre centre centre centre centre centre centre
centre centre centre centre centre centre centre centre centre centre centre
centre centre centre centre centre centre centre centre centre centre centre
centre centre centre centre centre centre centre centre centre centre centre
centre centre centre centre centre centre centre centre centre centre centre
centre centre centre centre centre centre centre centre centre centre centre
centre centre centre centre centre centre centre centre centre centre centre
centre centre centre centre centre centre centre centre centre centre centre
centre </div>
</div>
</body>
</html>Les css, c'est pas tiré par les cheveux par moment ?
