Salve,

sono abbastanza inesperto in html e css. Seguendo le indicazioni delle guide ho creato un layout a 3 colonne con div laterali con float opposti e div centrale separato da margini laterali.
Sempre seguendo i consigli delle guide, ho posizionato nell'html i contenuti prima dei menu e delle news.
Il problema è che le colonne, invece di posizionarsi ai lati del div centrale gli si piazzano immediatamente sotto.
E' più facile da vedere che da spiegare a parole. Vi trascrivo il codice, si fa prima. E' privo di immagini, ovviamente, ma non credo sia un problema.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>
DMS Geotechnical Enginnering
</title>
<link rel="stylesheet" type="text/css" href="dmscss.css">
</head>
<body>

<div id="wrapper">

<div id="header">

<ul id="menuorizzontale">[*]
Home
[*]
Contacts
[*]
Downloads
[*]
Italiano
[*]
English
[/list]
</div>

<div id="contents">
bla blablabla blabla blablbl blbl blabla blablabla blabla
blablbl blbl blabla blablabla blabla blablbl blbl blabla
blablabla blabla blablbl blbl blabla blablabla blabla
blablbl blbl blabla blablabla blabla blablbl blbl blabla
blablabla blabla blablbl blbl blabla blablabla blabla
blablbl blbl blabla blablabla blabla blablbl blbl blabla
blablabla blabla blablbl blbl blabla blablabla blabla
blablbl blbl blabla blablabla blabla blablbl blbl blabla
blablabla blabla blablbl blbl blabla blablabla blabla
blablbl blbl blabla blablabla blabla blablbl blbl blabla
blablabla blabla blablbl blbl blabla blablabla blabla
blablbl blbl blabla blablabla blabla blablbl blbl blabla
blablabla blabla blablbl blbl blabla blablabla blabla
blablbl blbl blabla blablabla blabla blablbl blbl blabla
blablabla blabla blablbl blbl blabla blablabla blabla

</div>

<div id="leftsidebar">
bla blablabla blabla blablbl blbl blabla blablabla blabla
blablbl blbl blabla blablabla blabla blablbl blbl blabla
blablabla blabla blablbl blbl blabla blablabla blabla
blablbl blbl blabla blablabla blabla blablbl blbl blabla
blablabla blabla blablbl blbl blabla blablabla blabla
blablbl blbl blabla blablabla blabla blablbl blbl blabla
blablabla blabla blablbl blbl blabla blablabla blabla
blablbl blbl blabla blablabla blabla blablbl blbl blabla

</div>

<div id="rightsidebar">
bla blablabla blabla blablbl blbl blabla blablabla blabla
blablbl blbl blabla blablabla blabla blablbl blbl blabla
blablabla blabla blablbl blbl blabla blablabla blabla
blablbl blbl blabla blablabla blabla blablbl blbl blabla
blablabla blabla blablbl blbl blabla blablabla blabla
blablbl blbl blabla blablabla blabla blablbl blbl blabla
blablabla blabla blablbl blbl blabla blablabla blabla
blablbl blbl blabla blablabla blabla blablbl blbl blabla


<div id="footer">
footer
</div>
</div>
</body>
</html>




ed il css utilizzato


* {
margin: 0;
padding: 0;
}


html {
background: #444444;
}

body {
margin: 0px;
padding: 0px;
text-align: center;
font: 0.75em Arial, Helvetica, sans-serif;
color: #666666;
}

/*wrapper inizio*/

#wrapper {
background-color: #ffffff;
color: #666666;
margin: 0 auto; /* centratura del wrapper in FF*/
padding:0;
width: 75em;
text-align: justify;
}

/*header inizio*/

#header {
background: #444444 url(immagini/logo.gif) no-repeat left 50%;
color: #ffffff;
height: 9.5em;
margin: 0.5em 0.5em 0 0.5em;
padding: 0;
width: 74em;
}

#menuorizzontale {
font-size: 1em;
Font-weight: bold;
float: right;
line-height: normal;
list-style:none;
margin: 7em 0 0 0;
padding: 0;
}


#menuorizzontale li {
display: inline; /*eliminazione del raddoppio del margine in IE*/
float: left;
margin: 0 1.5em 0 0;
text-align: left;
padding: 0;
}

#menuorizzontale a{
color: #ffffff;
display: block;
text-decoration: none;
}

#menuorizzontale a:hover{
text-decoration: underline;
color: #007ac0;
}

#menuorizzontale a img {
border: 0;
}

#ita {
margin-right: 0.5em;
}

#eng {
margin-right: 0.5em;
}
/*header fine*/


/*contents*/
#contents {
background-color: #444444;
/*display: inline;
float: left;*/
margin: 0.5em 19em 0 19em;
padding: 0;
width: 37em;
}
/*contents fine*/

/*leftsidebar inizio*/
#leftsidebar {
background-color: #444444;
display: inline;
float: left;
margin: 0.5em 0 0 0.5em;
padding:0;
width: 18em;
}
/*leftsidebar fine*/



/*rightsidebar inizio*/
#rightsidebar {
background-color: #444444;
display: inline;
float: right;
margin: 0.5em 0.5em 0 0;
padding:0;
width: 18em;
}
/*rightsidebar fine*/




/*footer inizio*/

#footer {
clear: both;
}
/*footer fine*/


qualcuno riesce ad aiutarmi?

Grazie sin da ora