Qui di seguito ti propongo un esempio di codice
c'è solo una perplessità, mi sembra poco un layout largo solo 400px
codice:
<!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=utf-8" />
<style type="text/css">
.div-1 {
border: none;
height: 571px;
position: relative;
text-align: left;
width: 400px;
}
.div-1-1 {
background-color: #ff0000;
border: none;
height: 80px;
left: 5px;
line-height: 80px;
padding: 5px;
position: absolute;
top: 5px;
width: 380px;
}
.div-1-2 {
background-color: #ff0000;
border: none;
height: 80px;
left: 5px;
line-height: 80px;
padding: 5px;
position: absolute;
top: 100px;
width: 380px;
}
.div-1-3 {
background-color: #ff0000;
border: none;
height: 79px;
left: 5px;
line-height: 79px;
padding: 5px;
position: absolute;
top: 195px;
width: 117px;
}
.div-1-4 {
background-color: #ff0000;
border: none;
height: 173px;
left: 137px;
line-height: 173px;
padding: 5px;
position: absolute;
top: 195px;
width: 117px;
}
.div-1-5 {
background-color: #ff0000;
border: none;
height: 79px;
left: 269px;
line-height: 79px;
padding: 5px;
position: absolute;
top: 195px;
width: 116px;
}
.div-1-6 {
background-color: #ff0000;
border: none;
height: 79px;
left: 5px;
line-height: 79px;
padding: 5px;
position: absolute;
top: 289px;
width: 117px;
}
.div-1-7 {
background-color: #ff0000;
border: none;
height: 79px;
left: 269px;
line-height: 79px;
padding: 5px;
position: absolute;
top: 289px;
width: 116px;
}
.div-1-8 {
background-color: #ff0000;
border: none;
height: 79px;
left: 5px;
line-height: 79px;
padding: 5px;
position: absolute;
top: 383px;
width: 249px;
}
.div-1-9 {
border: none;
height: 79px;
left: 269px;
line-height: 79px;
padding: 5px;
position: absolute;
top: 383px;
width: 116px;
}
.div-1-10 {
background-color: #ff0000;
border: none;
height: 79px;
left: 5px;
line-height: 79px;
padding: 5px;
position: absolute;
top: 477px;
width: 380px;
}
</style>
</head>
<body>
<div class="div-1">
<div class="div-1-1"></div>
<div class="div-1-2"></div>
<div class="div-1-3"></div>
<div class="div-1-4"></div>
<div class="div-1-5"></div>
<div class="div-1-6"></div>
<div class="div-1-7"></div>
<div class="div-1-8"></div>
<div class="div-1-9"></div>
<div class="div-1-10"></div>
</div>
</body>
</html>