insérer deux div dans un div

**le Mar Jan 19, 2010 14:52**

Voila je veux en premier div centrer au centre :
#page {
margin-left: auto;
margin-right: auto;
height:800px;
width: 980px;
margin: 0 auto;
border-right:1px dashed #333;
border-left:1px dashed #333;
border-bottom:1px dashed #333;
}

Puis je veux y insérer deux div respectivement bordure et centre qui seront aligner horizontalement :

#bordure{
width:150px;
height:600px;
float:left;
}

et

#centre{
width:700px;
padding-left:10px;
padding-right:10px;
border-right:1px dashed #333;
border-left:1px dashed #333;
float:left;
}

le div principal est bien au centre mais les deux autres sont l'un sur l'autre, donc si quelqu'un pouvait m'aider

**le Mar Jan 19, 2010 15:21**

bonjour,

avec un margin-left et pas de float sur #centre ça devrait faire l'affaire.

**le Mar Jan 19, 2010 15:25**

salut,

Code: Tout sélectionner: #page { height:800px; width: 980px; margin: 0 auto; border-right:1px dashed #333; border-left:1px dashed #333; border-bottom:1px dashed #333; padding:5px; } #bordure{ width:150px;height:600px; float:left; } #centre{ width:820px; border-right:1px dashed #333; border-left:1px dashed #333; float:right; }

Fonctionne également ^^

**le Mar Jan 19, 2010 15:27**

ça marche pas mais je crois que ça vient de #bordure

en fait #bordure reste au centre

**le Mar Jan 19, 2010 15:30**

Tu as bien mit des "id" et non des class ???

Code: Tout sélectionner: <div id="page"> <div id="bordure">bordure</div> <div id="centre">centre</div> </div>

# = id = utilisation unique/page
. = class = utilisation multiple/page

**le Mar Jan 19, 2010 15:32**

oui

en fait tout marchait bien avant que je centre #page

**le Mar Jan 19, 2010 15:35**

tu as essayé un text-align: left; dans #page ?

**le Mar Jan 19, 2010 15:37**

Je viens de tester et ça fonctionne ...

Code: Tout sélectionner: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="fr-fr"> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" /> <title></title> <style type="text/css"> #page { height:800px; width: 980px; margin: 0 auto; border:1px dashed #333; padding:5px; } #bordure{ width:150px; height:600px; float:left; border:1px dashed #333; } #centre{ width:820px; border:1px dashed #333; float:right; } </style> </head> <body> <div id="page"> <div id="bordure">bordure</div> <div id="centre">centre</div> </div> </body> </html>

J'ai juste remplacé tes bordures pour bien visualiser. # page est centré et tes 2 autres class sont alignées horizontalement ... ou alors, il y a un truc que je n'ai pas comprit !

**le Mar Jan 19, 2010 15:38**

ça marche pas non plus :!:

En fait si, l'erreur venait d'un div situé au dessus. Merci

**le Mar Jan 19, 2010 15:49**

haaa, parce que là, c'est juste une partie de ton code ???

**le Mar Jan 19, 2010 15:56**

benh oui

**le Mar Jan 19, 2010 22:53**

ok ... je ne note ton pseudo dans un coin pour m'avoir fait douté ^^!

insérer deux div dans un div

insérer deux div dans un div

Re: insérer deux div dans un div

Re: insérer deux div dans un div

Re: insérer deux div dans un div

Re: insérer deux div dans un div

Re: insérer deux div dans un div

Re: insérer deux div dans un div

Re: insérer deux div dans un div

Re: insérer deux div dans un div

Re: insérer deux div dans un div

Re: insérer deux div dans un div

Re: insérer deux div dans un div

Lectures recommandées sur ce thème :

Qui est en ligne