bonjour à tous,
Je voulais tout d'abord remercier toutes les personnes contributrice de ce site et des informations qui en écoule.
bref, je reviens à mes moutons , voici mon problème :
voici le code qui m'induie en erreur.
Mon probleme est que j'ai deux bloc de mm hauteur qui sont contenu dans un bloc principal , bloc principal qui est lui meme centrée au milieu de la page utilisateur.
ces deux bloc sont placées en float pour faciiter un affichage dynamque de mes informations.
mon probleme est que sur le bloc de droite il faut que je mette des bordures a 1 px .mais le soucis est qu'en mettant en largeur 20% pour ma boite de droite et 80% pour celle de gauche je n'ai plus un comportement d'alignement entre mes deux box.
j'ai un peu farfouille le net et me suis rendu compte avec open rico (autre site de reference) que firefox calculai ces marge en dehors du div.
donc j'ai reteste en mettant un 19% au lieu de 20% sur la boite de droite et je visualise bien l'alignement tant voulu
mais toujours probleme c 'est a droite de la boite gauche que maintenant c un espace que je ne desire pas .....
en resumer je voudrait pouvoir aligner 2 blocs de mm hauteur dans un bloc principal sans avoir a fixer mes boite dans le style width:....px;
si quelqu'un peut me guider merci d'avance
Je voulais tout d'abord remercier toutes les personnes contributrice de ce site et des informations qui en écoule.
bref, je reviens à mes moutons , voici mon problème :
a écrit :
<!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>Untitled Document</title>
<style type="text/css">
.bloc_center{
width:100%;
margin:0 auto;
background-color: #336699;
height:600px;
}
.bloc-gauche{
float:left;
width:19%;
height:300px;
border-style:solid;
border-width:1px;
border-color:#FFFFFF;
background-color:#000000;
}
.bloc-droite{
float:left;
height:300px;
width:80%;
background-color:#000000;
}
</style>
</head>
<body>
<div class="bloc_center">
<div class="bloc-gauche">
</div>
<div class="bloc-droite">
</div>
</div>
</body>
</html>
voici le code qui m'induie en erreur.
Mon probleme est que j'ai deux bloc de mm hauteur qui sont contenu dans un bloc principal , bloc principal qui est lui meme centrée au milieu de la page utilisateur.
ces deux bloc sont placées en float pour faciiter un affichage dynamque de mes informations.
mon probleme est que sur le bloc de droite il faut que je mette des bordures a 1 px .mais le soucis est qu'en mettant en largeur 20% pour ma boite de droite et 80% pour celle de gauche je n'ai plus un comportement d'alignement entre mes deux box.
j'ai un peu farfouille le net et me suis rendu compte avec open rico (autre site de reference) que firefox calculai ces marge en dehors du div.
donc j'ai reteste en mettant un 19% au lieu de 20% sur la boite de droite et je visualise bien l'alignement tant voulu
mais toujours probleme c 'est a droite de la boite gauche que maintenant c un espace que je ne desire pas .....
en resumer je voudrait pouvoir aligner 2 blocs de mm hauteur dans un bloc principal sans avoir a fixer mes boite dans le style width:....px;
si quelqu'un peut me guider merci d'avance