codice:
<html>
<head>
<title></title>
<style type="text/css">
#contenitore{
width:500px;
}
.clBoth{
clear:both;
}
.infoBox{
display:inline;
width:200px;
height:200px;
padding:5px;
margin:3px;
border:1px solid #ff0000;
}
</style>
<script type="text/javascript">
// qui la matrice con le descrizioni
var desc=[
["descrizione box0 prodotto 0","descrizione box0 prodotto 1","descrizione box0 prodotto 2"],
["descrizione box1 prodotto 0","descrizione box1 prodotto 1","descrizione box1 prodotto 2"],
]
function riempi(numBox,prod){
document.getElementById('box'+numBox).innerHTML=desc[numBox][prod]
}
</script>
</head>
<body>
<div id="contenitore">
<div id="box0" class="infoBox" style="float:left"></div>
box0<hr />
prodotto0
prodotto1
prodotto2
<br class="clBoth" />
<div id="box1" class="infoBox" style="float:right"></div>
box1<hr />
prodotto0
prodotto1
prodotto2
<br class="clBoth" />
</div>
</body>
</html>