problema con impostazione layout

[bob18]

salve ragazzi,

per il sito che sto facendo avevo adottato gli iframe.
recentemente mi sono pentito, anche perchè poi si formano quelle doppie barre di scorrimento, poco usabili e fastidiose.

per modificare il layout, quindi, ho dovuto sostituire l'altezza standard dei div che aveva prima (avendo al loro interno iframe con altezza ben stabilita) con dei div di altezza variabile.
sotto questi div c'è un footer che ovviamente deve apparire appena finiscono i div sopra lui.

non so se sono riuscito a spiegarmi, comunque sia ho allegato una immagine per far vedere come dovrebbe uscire il layout finale.

ecco i codici che ho usato, rispettivamente quello css e quello html:

#divcorpo {
	width: 480px;
	align: center;
	text-align: center;
	margin-left: 0;
	position: absolute;
	left: 0;
	top: 330;
	background-color: #B4CDEB;
}
#divcentraledestro {
	width: 240px;
	align: center;
	position: absolute;
	height: 60;
	left: 480;
	top: 330;
	background-color: #FFFFFF;
}
#divfooter {
	width: 720px;
	height: 20px;
	position: relative;
	clear: both;
	background-image: url(imgs/sfondo_divtop1.gif);
}

<div style="position: relative" id="contenitore">
  <div id="divcorpo">

     <?php include('chisiamo.php'); ?>
  </div>
  <div id="divcentraledestro"></div>
</div>

<div style="position: relative">
  <div id="divfooter"> 
    <div align="right">
      <a href="http://www.miosito.it" target="_blank">
       [img]imgs/miaimmagine.gif[/img]
      </a>
    </div>
  </div>
</div>

spero davvero che possiate aiutarmi!

[bob18]

proprio un caso senza speranze, il mio

[sslazio 1900]

Io non ho capito qual'e' il tuo problema

[bob18]

vorrei che divcorpo e divcentraledestro venissero affiancati e di altezza variabile, e che divfooter si posizionasse esattamente sotto loro alla luce dell'altezza variabile

[bob18]

per favore ragazzi!

magari è una cacchiata ma non riesco ad uscirne

[bob18]

uppete

[maggy]

ok eccoti il codice corretto:
lo stile

#divcorpo {
	width: 480px;
	text-align: center;
	background-color: #B4CDEB;
	float:left;
	height: 60;
}
#divcentraledestro {
	width: 240px;
	height: 60;
	float:right;
	background-color: #FFFF00;
}
#divfooter {
	width: 720px;
	height: 20px;
	clear: both;
	text-align: right;
	background-color: #FF0000;
}
div#contenitore {
	margin: 0 auto;
	width: 720px;
	}

e l'html

<div id="contenitore">
  	<div id="divcorpo"></div>
  	<div id="divcentraledestro"></div>


        <div id="divfooter"> 
          <a href="http://www.miosito.it" target="_blank">
               [img]imgs/miaimmagine.gif[/img]
          </a>
        </div>
</div>

ho messo nello stile dei colori di sfondo a caso per farti visualizzare meglio il layut, poi cambiali...
cmq io ti consiglio una guida sui css... su html.it ce n'è una molto valida...
ciao
mag
[CODE]

[bob18]

non va

visualizza il divcentraledestro in alto a destra, il divcorpo dove dovrebbe stare ma non si adatta all'altezza del contenuto, e il divfooter si sovrappone al div precedente

[maggy]

il problema è che hai postato solo una partte sia del css che dell'htl... se vuoi posso dare un'occhiata meglio ma mi serve tutta la pagina... al massimo metti un link...

mag

[bob18]

hai perfettamente ragione, ti posto il link alla bozza del sito