[CSS] div dentro div ... e firefox dice no :P

**ariok** · 26-06-2006, 10:04

ciao a tutti espongo al volo il problema sperando ceh qualcuno possa aiutarmi..

ho un div con contanitore... e al suo interno devono esserci altri due Div uno allineato a destra e uno sinistra...... ecco il codice dei CSS.
-----------------------------------
#container {
margin-left:auto;
margin-right:auto;
margin-top:30px;
width:800px;
height:auto;
background-color:#B5B7BF;
border:4px solid #FFFFFF;
}

#left {
float:left;
width:200px;
height:200px;
border:1px solid #FFFFFF;
}

#right {
float:right;
width:200px;
height:200px;
border:1px solid #FFFFFF;
}
--------------------------
ora ... con firefox.. "il contanitore" non si espande per accogliere i div posizionati al suo interno.... qualche consiglio?

**felixsuperstar** · 26-06-2006, 10:19

CSS:

codice:

html, body{
margin:0;
padding:0;
font-family: "Trebuchet MS", Georgia, Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
text-align:center;
}

#container{
margin:30px auto;
padding:0;
background:#8a9;
height:7em;
line-height:7em;
}

.sin{
margin:0;
padding:0;
width:200px;
background:transparent;
float:left;
}

.sin h3{
margin:0;
padding:0 0 0 10px;
font-size: 1.2em;
color:#fff;
}

.des{
margin:0;
padding:0;
width:200px;
background:transparent;
float:right;
text-align:right;
}

.des h3{
margin:0;
padding:0 10px 0 0;
font-size: 1.2em;
color:#fff;
}


</style>

HTML:

codice:

<body>

<div id="container">

<div class="sin"><h3>Contenitore di sx</h3></div>

<div class="des"><h3>Contenitore di dx</h3></div>

</div>








</body>

</html>

**ariok** · 26-06-2006, 10:46

uhm.. ti ringrazio ma non e' proprio quello che cercavo... :P il mio problema e' che l'altezza del container dovrebbe variare a seconda del contenuto... sembra che il problema sia nel float.. se non dichiar float i contenuti "right e left" il container si espande normalmente..

**Mega69** · 26-06-2006, 12:00

Puoi metterli dentro, sin e des, usando position: absolute;
Ovviamente dentro il div contenitore, altrimenti non si ingrandisce

Discussione: [CSS] div dentro div ... e firefox dice no :P

Strumenti discussione

Ricerca discussione

Visualizza

[CSS] div dentro div ... e firefox dice no :P

Permessi di invio