<DIV> e altezza

[ana4ever-vids]

In pratica, il mio problema è esistenziale:
come faccio a fare in modo che un <div>, incorporato in un altro <div>, sia alto quanto tutto il <div> nel quale è incorporato???

so già che 1 div non può avere la stessa altezza di un altro (grazie a pierofix)...

[pierofix]

Ragioniamo su un po' di codice. Postaci un esempio stringato stringato dello scenario in cui vuoi operare.

[pierofix]

Ragioniamo su un po' di codice. Postaci un esempio stringato stringato dello scenario in cui vuoi operare.

[ana4ever-vids]

Ok, eccovi:

<div id="container">
Not That Kind
<div id="image">
[img]ntk.jpg[/img]
</div>
<div id="tracks">
<div id="text"><u>TRACKS::</u></div>
01 - Not That Kind

02 - I'm Outta Love

03 - Cowboys & Kisses

04 - Why'd You Lie To Me

05 - Who's Gonna Stop The Rain

06 - I Ask Of You

07 - Don'tcha Wanna

08 - Late Last Night

09 - Made For Lovin' You

10 - Black Roses

11 - Yo Trippin'

12 - One More Chance

13 - Same Old Story

<div id="text"><u>BONUS:</u></div>
I'm Outta Love [Video]
</div>
</div>

ed ecco il css:

body {
background-color: #FDE1EE;
font-size: 13px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
padding: 0px;
margin: 0px;
}

a,a:active,a:visited {
color: #247cd4;
text-decoration:none;
}

#text {
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}

div#text a:hover {
font-size: 14px;
color: #247cd4;
text-decoration:none;
}

#title {
text-decoration: underline;
text-align: center;
padding-top: 5px;
height: 50px;
}

#link {
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
height: 25px;
}


div#link a:hover {
font-size: 14px;
color: #247cd4;
text-decoration: none;
}

#container {
height: auto;
text-align: center;
font-size: 15px;
padding-right: 5px;
}

#image {
float: left;
}

#tracks {
text-align: left;
font-size: 13px;
padding-left: 5px;
padding-top: 5px;
padding-bottom: 5px;
}

EDIT:

[pierofix]

Oh mamma saura cosa vedo! Lasciamo per un attimo da parte il tuo markup. Io ti avevo chiesto un esempio 'stringato stringato', come ad esempio:

<div id="contenitore">
   <div id="menu"></div>
   <div id="contenuto"></div>
</div>

&laquo;Vorrei che #menu e #contenuto - affiancati - siano della stessa altezza.&raquo;

Chiaro?

P.S. Se ho tempo, poi, ti massacro finchè non hai imparato ad usare le liste di HTML (o, in generale, imparato che HTML ha da offrire un sacco di strumenti, che sta poi a noi saper sfruttare).

[ana4ever-vids]

<div id="container">
<div id="image">
</div>
<div id="tracks">
<div id="text">div>
<div id="text"></div>
</div>
</div>

Vorrei che "image" e "tracks" siano alti uguali (ovvero quanto "container")


GRAZIE E SCUSATE X IL RITARDO

[ana4ever-vids]

up

Scusate, ma è important!!!

[*pragma]

Originariamente inviato da ana4ever-vids
up

Scusate, ma è important!!!

Ma solo perchè è @important
ti dò una bozza di codice che funzica! poi lo metti tu secondo il numero dei tuoi div e soprattutto con i css non inline

<div style="border:1px solid red; padding:0; width:400px; height:200px;">
<div style="border:1px solid blue; margin:0; width:198px; 
height:198px;float:left;">yyyyyyyyyyy
</div>
<div style="border:1px solid green; margin:0; width:198px; 
height:198px;float:left;">
uheghebh
</div>

ciao

[ana4ever-vids]

Sì, ma qui stabilisci l'height! Io la voglio che sia automaticamente alta quanto il div principale!!

Non so se è chiara la mia spiegaz.... Ma nn voglio 1 costante x l'altezza!

[*pragma]

cioè tu dici che automaticamente uno dei due si deve adattare all'altezza dell'altro che gli sta affianco