Forum de discussion
Forum « Programmation HTML » (archives)
Balise DIV et alignement
Envoyé: 26 février 2004, 9h53 par Miko
Je souhaite revoir mon site construit avec <TABLE> imbriquées et essayer d'utiliser les balises <DIV>. Mais, car il y a toujours un mais, sur la base d'une structure de ce type :
ligne 01 :BANDEAU
ligne 02 : CONTENU avec COLONNE 1 | COLONNE 2 | COLONNE 3
ligne 03 : ADRESSE
je n'arrive pas à "aligner" mes trois colonnes de la partie "CONTENU".
D'avance merci !
Miko
Le code de la structure de ma page :
<div id="cadre_principal">
<div id="bandeau">
</div>
<div id="contenu">
<div id="cadre_gauche">
</div>
<div id="cadre_centre">
</div>
<div id="cadre_droite">
</div>
</div>
<div id="adresse">
</div>
</div>
et celui de la feuille de style :
#cadre_principal {
width: 780px;
margin-left: auto;
margin-right: auto;
text-align: left;
border: 1px solid red;
}
#bandeau {
width: 100%;
height: 90px;
border: 1px solid red;
}
#contenu {
width: 100%;
height: 480px;
border: 1px solid green;
}
#cadre_gauche {
float: left;
width: 140px;
height: 480px;
border: 1px solid red;
}
#cadre_droite {
float: right;
width: 140px;
height: 480px;
border: 1px solid red;
}
#cadre_centre {
float: center;
width: 500px;
height: 480px;
border: 1px solid fushia;
}
#adresse {
width: 100%;
height: 40px;
border: 1px solid blue;
}
Réponses
|