Div imbriqués?.... à n'y rien comprendre...

Bonjour.

Question bête je suppose mais je n'arrive pas à comprendre pourquoi je n'arrive pas à faire entrer mes div secondaires dans mon div principal que j'ai nommé conteneur. Je m'y connais un peu dans les css mais c'est la première fois que j'essaie de refaire une page qui utilisait des "table et class" en css.Comme on peut le voir sur l'image, http://img52.imageshack.us/img52/3282/affichage6ja.gif l'encadré pour conteneur est tout petit et tout semble à l'extérieur ce celui-ci. Voici le code du conteneur au besoin.

#conteneur {
width: 600px;
min-height: 1100px;
margin: 0 auto;
position: absolute;
}

Merci de votre aide.
Modifié par largowin (08 Feb 2006 - 06:04)

J'ai beau essayer de plusieurs autres façons mais rien n'y fait. Si je glisse ma page html dans Dreamweaver, c'est comme si chaque div devenait un "calque", un peu comme lorsque je veux juste positionner une image dans ma page.

Peut-être qu'avec toute ma feuille de style, quelqu'un verra l'erreur.... ou est-il besoin que je mettre ma page en ligne pour donner une meilleur idée?

Merci.

*{
margin: 0px;
padding: 0px;
}
a:visited {
color: #000;
line-height: 20px;
text-decoration: none;
}

a:hover {
color: #FF3300;
text-decoration: underline; /*text-decoration: underline;*/
}

body {
background-color: #DDDDDD;
background-image: url(../images/bg.gif);
background-position: top;
background-repeat: repeat-x;
color: #3C3C3C;
font-family: Verdana;
font-size: 11px;
margin-top: 0px;
padding: 0;
}
#conteneur {
margin: 0px;
padding: 0px;
padding-left: 105px;
clear: both;
width: 700px;
margin: 0 auto;
position: absolute;

}

#header {
width: 699px;
height: 124px;
background-image: url(../images/header.gif);
margin: 0 auto;
position: absolute;
background-repeat: no-repeat;
}

/* DEBUT du menu du haut */

#navmenu{
margin: 0;
padding-left:450px;
}

#navmenu ul, #navmenu li{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navmenu a:link, #navmenu a:visited{
float: left;
line-height: 20px;
font-weight: bold;
margin: 0 5px 2px 5px;
text-decoration: none;
color: #333;
}

#navmenu a:link #current, #navmenu a:visited #current, #navmenu a:hover{
border-bottom: 4px solid #000;
padding-bottom: 2px;
background: transparent;
color: #000;
} /* bande noire sous les menus */

#navmenu a:hover {
color: #000;
}

/* FIN du menu du haut */

#bande {
position: absolute;
margin-left: 0px;
top: 124px;
width: 692px;
height: 281px;
background-image: url(../images/milieu.gif);
margin: 0 auto;
position: absolute;
background-repeat: repeat-y;
z-index:1;

}

#photo {
position: absolute;
left: 20px;
top: 5px;
width: 550px;
height: 279px;
z-index:1;
background-position: left center;
background-image: url(../images/photo.jpg);
background-repeat: no-repeat;
}


/* DEBUT du menu principal */

#menu {
position: absolute;
left: 500px;
top: -20px;
width:187px;
height:279px;
z-index:2;
}

#menu ul{
display: block;
padding-bottom: 30px;
padding-top: 35px;
text-align: left;
width: 160px;
text-decoration: none;

}
#menu li
{
list-style: none;
margin: 0;
padding: 0.25em;

}


#menu a {
display: block;
padding: 3px;
width: 160px;
text-align: right;
text-decoration: none;
color: #000000;
line-height: 15px;
text-decoration: none;
}

#menu a:link, #menulist a:visited{

border-bottom: 1px;
border-bottom-color: #CFCDCD;
border-bottom-style: solid;
color: #000000;
display: block;
font-family: Verdana;
font-size: 11px;
line-height: 20px;
padding-bottom: 2px;
padding-right: 10px;
padding-top: 2px;
text-align: right;
text-decoration: none;
width: 160px;
}

#menu a:hover{
background-color: #FAFAFA;
background-image: url(../images/sub.png);
background-position: left;
background-repeat: no-repeat;
color: #DD0000;
}

/* FIN du menu principal */

#bandebas....... {
float:left;
margin:0;
padding:0;
width: 550px;
height: 279px;
z-index:1;
background-position: left center;
background-image: url(../images/bandebas.gif);
background-repeat: no-repeat;
}

#contenu{
width: 612px;
margin: 0 auto;
position: absolute;
background-color: #fff;
color: #fff;
padding: 40px;
}
Modifié par largowin (09 Feb 2006 - 23:22)