Non riesco a mettere due div uno sotto l'altro automaticamente.
Questi div (come potete vedere) contengono a loro volta due div: uno a sx e uno a dx.
Il problema si presenta solo quando nel div di sx inserisco un immagine. se questa non la inserissi il problema non si presenterebbe.

Quello che vorrei poter fare e mettere uno sotto l'altro due div (anche uguali) a cui ho dato la
class=elenco


Vi rimando alla pagina.

http://sedicisi.altervista.org/ciccio.htm

Questo è il codice

codice:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="/stylesite.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div class="elenco">
        <div class="icona">
        [img]/Immagini/piccolo.jpg[/img]
        </div>
        <div class="disco"> 
        Single dinner Single dinner Single dinner Single dinner Single dinner Single dinner Single dinner Single dinner Single dinner
        </div>
    </div>
</body>
</html>
e questo è il css (solo con le cose necessarie.)

codice:
body {
	margin: 0px;
	padding: 0px;
}
.elenco {margin-left:5%; width:90%;}

.icona {position:absolute; width:20%;}

.disco {position:absolute; margin-left:20%; width:80%;}
Oh mamma!! ho visto adesso che sono tutte sfalsate anche le varie percentuali HEEELP!!!

Cmq quello che vorrei fare,totalmente fluido in base solo alla larghezza della schermata, è questo sono accette anche altre soluzioni
_____________
|,----,,-------,|
||IMG||TESTO||
|'----' '-------'|
'--------------'
_____________
|,----,,-------,|
||IMG||TESTO||
|'----' '-------'|
'--------------'