ciao, sono un neofita del css e ho una pagina molto semplice che si sviluppa tutta all'interno di un rettangolo 540x490px composto da tre DIV e vorrei che questo rettangolo si trovasse sempre al centro della pagina e che avesse un bordo esterno (che non mi faccia da bordo a ogni singolo DIV ma a tutto il contenuto) di 1px..come faccio??? grazie...
PS: vi allego il codice..tanto x capirci meglio.
[CODE]<html>
<head><link rel="STYLESHEET" TYPE="text/css" HREF="stilehome.css"></head>
<STYLE TYPE="text/css">
<!--
#barra {
position:absolute
left:0px;
top:0px;
width:750px;
height:164px;
background-color:#1F1F1F;
}
#menu {
position:absolute;
left:0px;
top:164px;
width:152px;
height:332px;
background-color:#1F1F1F;
}
#content {
position:absolute;
left:152px;
top:164px;
width:598px;
height:332px;
background-color:#1F1F1F;
overflow:auto;
}
-->
</STYLE>
</HEAD>
<BODY STYLE="overflow:auto; background-color:#1F1F1F;">
<DIV ID="barra">
</DIV>
<DIV ID="menu">
</DIV>
<DIV ID="content">
</DIV>
</body></html>
[CODE]