Ciao a tutti,

ho costruito un pagina html con css, premetto che sono alle prime armi con i fogli di stile.
Il problema è che se aggiungo dei div che contengono per esempio delle immagini in coda alla pagina, mi appaiono le barre laterali della pagina.
Ogni cosa che aggiungo, la pagina diventa sempre più lunga.
Vorrei un parere da voi anche se sciropparsi tutto il codice è una cosa onerosa.

Grazie

vito

************************************************** *
<!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" xml:lang="it" lang="it" dir="ltr">
<head>
<title>Carotid World - Technique</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="MSSmartTagsPreventParsing" content="TRUE" />
<script language="javascript" src="Privacy.js"></script>
<script language="javascript" src="Term.js"></script>
<script language="javascript" src="Editorial.js"></script>
<link href="Principale.css" rel="stylesheet" type="text/css"/>
<!--[if IE]>
<link href="IE.css" rel="stylesheet" type="text/css"/>
<![endif]-->
</head>

<body>
<div id="centrato">

<div id="logo">
[img]images/Logo.gif[/img]
</div>

<div id="bottoni"><script language="javascript" src="bottoni.js"></script>
</div>

<div id="corpo">

<div id="verticali">
<script language="javascript" src="vertical.js"></script>
</div>

</div>
<div id="sponsor" style="background-color:#FF9900">

SPACE DEDICATED TO THE SPONSORS



</div>

<div id="term" style="width: 88px; height: 20px">
<a href="javascript:apriterm()"onMouseOver="window.st atus='';return true" onMouseOut="window.status='';return true">
<font face="Verdana" size="1" color="#FF9900">Term of use</font></a></font>
</div>

<div id="privacy" style="width: 88px; height: 20px">
<a href="javascript:apriprivacy()"onMouseOver="window .status='';return true" onMouseOut="window.status='';return true">
<font face="Verdana" size="1" color="#FF9900">Privacy Policy</a></font>
</div>

<div id="editorial" style="width: 88px; height: 20px">
<a href="javascript:aprieditorial()"onMouseOver="wind ow.status='';return true" onMouseOut="window.status='';return true">
<font face="Verdana" size="1" color="#FF9900">Editorial Policy</a></font>
</div>

<div id="mail" style="width: 88px; height: 20px">
<font face="Verdana" size="1" color="#E2E2E2">
<font color="#FF9900">info@carotidworld.com</font></font>[/b]
</div>

<div id="img1">
<a href="javascript:aprimedication()">
[img]images/Medications.jpg[/img]</a>
</div>

</div>
</body>
</html>


*********************CSS************************** ************

body {
margin: 0;
padding: 0;
font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
background: #EEE; color: #000;

}

#corpo {
width:900px;
float:left;
background: #FFF ;

}

#centrato {
width:900px;
margin:auto;
text-align: left;
}

#verticali {
float:left;
width:200px;


}
#testo {
float:left;
width:500px;

}
#logo {
background: #FFF;
color: #FFF;

}

#bottoni {
background: #FFF;
text-align: center;

}
#sponsor {
background: #666;
color: #FFF;

}

#term {
position: relative;
top: -148px;
left: 50px;
width: 88px;
height: 10px;
float:left;
}

#privacy {
position: relative;
top: -133px;
left: -40px;
width: 88px;
height: 10px;
float:left;
}

#editorial {
position: relative;
top: -116px;
left: -130px;
width: 88px;
height: 10px;
float:left;
}

#mail {
position: relative;
top: -81px;
left: -230px;
width: 88px;
height: 10px;
float:left;
}

#contatore {
position: relative;
top: -550px;
left: 460px;
float:left;
}

#bottoniorizzontali {
position: relative;
top: -505px;
left: 185px;
float:left;
}

#img1 {
position: relative;
top: -555px;
left: 85px;
float:left;
}