Berkt adlı üyeden alıntı: mesajı görüntüle
aşağıdaki şekildeki gibi yapmak istiyorum. tum bu şeritlerin başın bi div koydm "position:absolute;" ekledim sabitledim ama kötü oldu boylede. en iyisi bunların hepsini yeni baştan yapayım ben


http://img36.imageshack.us/img36/7647/adszwwf.jpg



Sıfırdan yaptım kodlarıda aşağıda veriyorum. Kolay gelsin. 

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>
*{
	margin:0;
	padding:0;
}

#arka{
	width:950px;
	margin: 0 auto;
	background-color:#CCCCCC;
}

#ust{
	width:900px;
	height:100px;
	margin: 0 auto;
	border:3px #990000 solid;
	text-align:center;
	background-color:#999999;
}

#alt{
	width:900px;
	height:400px;
	margin: 0 auto;
	border:3px #990000 solid;
	text-align:center;
	background-color:#999999;
}

.kutu{
	position:static;
	width:100px;
	height:100px;
	margin: 23px;
	float:left;
	background-color:#666666;
	border:2px #0099FF solid;
}
</style>
</head>

<body>
<div id="arka">
	<div id="ust">Ust</div>
    <div id="alt">
        <div class="kutu">Kutu</div>
        <div class="kutu">Kutu</div>
        <div class="kutu">Kutu</div>
        <div class="kutu">Kutu</div>
        <div class="kutu">Kutu</div>
        <div class="kutu">Kutu</div>
        <div class="kutu">Kutu</div>
        <div class="kutu">Kutu</div>    
    </div>
</div>
</body>
</html>