Ciao a tutti,
ho un piccolo problema con dei div posizionati con
codice:
float:left;
Vengono generati automaticamente su una sola riga dei div con background di diversi colori, e per far questo c'è bisogno di dare
codice:
overflow:hidden;
al div contenitore e un height adeguato così che le div si fermano alla prima riga.

Il problema nasce dalle dimensioni, ovvero dal fatto che le div generate non riempiono tutto la pagina in lunghezza come dovrebbero perchè avendo ognuna una dimensione fissa di 125px ed essendo posizionate con
codice:
float:left;
l'ultima div va a capo ma viene ovviamente nascosta dall'overflow.

Come posso fare per non mandare a capo l'ultima div e creare così una serie di div affiacante che coprano tutto il width della pagina? Per completezza, allego tutto il codice relativo al problema

codice:
<html>
<head>
<style type="text/css">
body {
background-color:#333;
margin: 0 auto;
}
.boh {
width:125px;
height:10px;
float:left;}

.page-background {
overflow:hidden;
height:10px;
}

</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>

<!--
<script language="JavaScript">
setInterval("location.reload()", 500);</script>

</head>
!-->
<body>

<?php
function genera_colore($idpal){
	$palette = array();
	
	$palette[] = array("69e8cc","FFF5BC","302d23","6b4424","B9E04B");
	$palette[] = array("e82b1e","e5deaf","a0b688","557a66","453625");
	$palette[] = array("202e2e","266646","64a354","6de0c2","fffbc5");
	$palette[] = array("330622","780024","c5d100","ffe97d","49a882");
	$palette[] = array("3e3947","735360","d68684","f1b0b0","ebd0c4");
		
	$color = rand(0,4);	
	return "#".$palette[$idpal][$color]; 
}
?>



<div class="page-background">
<?php
$numero_div=1000;
$idpal = rand(0,4); /* tanti quante le palette, meno uno */
for($i=0;$i<=$numero_div;$i++){

	echo "<div id=".$i." class='boh' style='background-color:".genera_colore($idpal).";  '></div>";
}

?>
</div>
</body>
</html>
Grazie