dimensione layout x monitor 1024*768

lalex · Inviato: Ven 05 Set, 2008 6:18 pm Oggetto:

aiuto non mi reovo con il wrapper
il mio css pulito:
* { padding: 0; margin: 0; }

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#wrapper {
margin: 0 auto;
width: 922px;
}
#header {
width: 900px;
color: #333;
padding: 10px;
border: 1px solid #ccc;
height: 100px;
margin: 10px 0px 0px 0px;
background: #DAC8BF;
}
#navigation {
width: 900px;
color: #333;
padding: 10px;
border: 1px solid #ccc;
margin: 0px 0px 0px 0px;
background: #BD9C8C;
}
#content {
width: 900px;
color: #333;
border: 1px solid #ccc;
background: #F2F2E6;
margin: 0px 0px 0px 0px;
padding: 10px;
height: 350px;
}
#footer {
width: 900px;
color: #333;
border: 1px solid #ccc;
background: #BD9C8C;
margin: 0px 0px 10px 0px;
padding: 10px;
}
il mio html pulito:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>index</title>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>

<body>

Download this CSS Layout

</body>
</html>
come li modifico x dare le dimensioni al Wrapper ?
grazie 1000

Marty McFly · Inviato: Mer 10 Set, 2008 9:11 am Oggetto:

A occhio e croce manca la "height" per il wrapper in modo che contenga la somma delle height degli alri elementi.