28209 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

voila comme l'illustre ce screen :

http://img203.imageshack.us/img203/9166/28990065.jpg

j'ai un problème après mon bloc float de gauche... le bloc contenu (celui de droite) passe à la ligne.
Voici le code css :

body {
width: 700px;
margin: auto;
margin-top: 20px;
background-color: #999999;
}

#en_tete {
width: 700px;
height: 100px;
background:url("../img/01.jpg") no-repeat center;
background-color: #ffffff;
}

#menu {
width: 100px;
height: 340px;
float: left;
background:url("../img/05.jpg") no-repeat center;
background-color: #ffffff;
}

#corps {
width: 590px;
height: 340px;
background-color: #ffffff;
}


En ajoutant un margin-left de différent pixel je ne voit pas de changement...
quellqun a une idée?

Merci ! Smiley cligne
Modifié par Teytoon (08 Oct 2009 - 16:16)
Bonjour,

Normalement en ajoutant un margin-left de 100px (ou 110 pour avoir l'espace de 10px laissé par ton bloc de 590px (à condition de supprimer les bordures, sinon il faut les soustraire)), ça devrait passer.

Si ton problème persiste essaye de jeter ou coup d'oeil aux gabarits de Florent (ceux sur deux colonnes correspondent à ton cas de figure).
Merci à vous deux, mamax ta méthode marche mais celle de Laurie-Anne est plus "clean" et elle marche et ma permis de comprendre Smiley smile , merci je passe en résolus !