Salve a tutti, sono un neofita che lentamente si sta avvicinando al mondo del webdesign, sto tutt'ora progettando un sito internet e sto creando un layout con float a tre colonne, nel creare il layout riscontro diversi "capricci" da parte del codice, sicuramente son errori miei...e che purtroppo non riesco ad individuare, spero che voi possiate aiutarmi nel mentre vi ringrazio.
Simone
CSS
(X)html
Simone
CSS
Codice:
body {
margin: 0;
background: url(../grafica/bg.png) #0054A6 repeat-x;
font-family: Verdana, Sans-serif;
font-size: 0.750em;
color: #ffffff;
}
div#header {
width: 700px;
height: 125px;
margin: 0 auto;
background: url(../grafica/header.png);
}
div#contenitore {
width: 700px;
height: 100%;
margin: 0 auto;
background: url(../grafica/sfondo.png);
}
div#left {
width: 150px;
float: left;
}
div#right {
width: 150px;
float: right;
}
div#center {
width: 400px;
float: left;
}
div#footer {
width: 700px;
height: 30px;
margin: 0 auto;
background: url(../grafica/footer.png);
clear: both;
}
(X)html
Codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<title>Layout</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<body>
<div id="header"></div>
<div id="contenitore">
<div id="left"></div>
<div id="right"></div>
<div id="center"></div>
</div>
<div id="footer"></div>
</body>
</html>