Banana-Split: Kachelgestaltung

Beitrag lesen

Hallo,

ich bräuchte einmal eure Hilfe.
Ich würde gerne meine Homepage in dieser Art gestalten.
 [url=http://www.fotos-hochladen.net/view/portfolioblockuwaqxv4nmp.jpg][img]http://img5.fotos-hochladen.net/thumbnail/portfolioblockuwaqxv4nmp_thumb.jpg[/img][/url]

Jedoch nicht mit Quadraten, sondern mit Kreisen.
Diese sollen dann bis zu einer bestimmten Verkleinerung des Browsers sich anderes anordnen (untereinander).

An dieser Stelle komme ich nicht weiter:

<!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></title>  
  
<link rel="stylesheet" type="text/css" href="style.css">  
  
  
  
</head>  
  
<body>  
  
<div id="gestantung">  
  
<div id="kreis"> </div>  
  
<div id="kreis"> </div>  
  
<div id="kreis"> </div>  
  
  
  
<div id="kreis"> </div>  
  
<div id="kreis"> </div>  
  
<div id="kreis"> </div>  
  
  
  
<div id="kreis"> </div>  
  
<div id="kreis"> </div>  
  
<div id="kreis"> </div>  
  
</div>  
  
</body>  
</html>  

@charset "UTF-8";  
/* CSS Document */  
  
body {  
	width:900px;  
	height:auto;  
	margin: 0 auto;  
  
  
}  
  
  
#gestantung {  
margin: 5%;  
min-width: 500px;  
  
  
  
}  
  
  
#kreis {  
	margin: 1%;  
	width: 250px;  
	height: 250px;  
	border-radius: 200px;  
	background-color: #000000;  
	clear: right;  
	float: left;  
}  
  
  
  

Danke schon einmal für eure Hilfe!!!