Salve a tutti, innanzitutto grazie per i consigli che mi darete se possibile, e ottimo forum, almeno dalle discussioni che lo tetto fin'ora.
Oltretutto me lo hanno consigliato da Netsons.org, che non sapevano come risolvere il probl.


Ho un layout con un header, una pagina centrale divisa in content e sidebar sul lato sinistro, e un footer.

Il mio problema è che non riesco, utilizzando il mio css, ad inserire una div in mezzo a content e a sidebar...
Qualcuno può aiutarmi?La div che voglio creare si chiama separa, ed ho già iniziato la dichiarazione..Solo che dovrei ridimensionare nel contempo le altre div ma non riesco a ottenere il risultato corretto..


Inoltre vorrei fare un contorno di div al mio layout, non solo tra la content e la sidebar, ma un bordo di div(contententi immagini) che circondi tutta la content (tutta la fascia centrale, compresa al sidebar), e i bordi esterni laterali dell'hader e del footer...

In pratica una cornice esterna laterale sinistra e laterale destra per l'intera lunghezza del sito, e cornice orizzontale per tutta la lunghezza del sito che separi la content sopra e sotto rispettivamente dall'header e dal footer..


Allego il codice del css, grazie sin d'ora per tutto il supporto

* impostazionidi layout */
body,
html{
margin:0;
padding:0;
}
body {
min-width:720px; /* Prevent content from becoming unreachable in Gecko */
}
/* position:absolute for all browsers - the whole page scrolls */
div#headerwrap {
position:absolute;
width:100%;
top:0;
left:0;
height:150px;
}
/* position:fixed for modern browsers - header and footer do not scroll */
body>div#headerwrap {
position:fixed;
}
div#header {

height:140px;
width:720px;
margin:0 auto;
}
div#separa {
}
/* set a left margin to compensate for IE/Win always making room for a scrollbar */
div#middlewrap {
/* set left margin and bottom padding for IE5/Win */
padding:140px 0 0 0;
margin-left:0;
/* set left margin and bottom padding for others */
voice-family: "\"}\"";
voice-family:inherit;
margin-left:16px;
padding-bottom:70px;
}
/* set left margin for modern browsers */
body>div#middlewrap {
margin-left:0;
}
div#middle {
width:720px;
margin:0 auto;
}
div#sidebar {
width:180px;
float:right;
}
div#content {
padding:0 10px;
margin-right:180px;
}
/* no positioning for IE5/Win - the whole page scrolls */
div#footerwrap {
width:100%;
p\osition:absolute;
bottom:0;
left:0;
height:70px;
}
body>div#footerwrap {
position:fixed;
}
div#footer {
height:70px;
width:720px;
margin:0 auto;
}
lostboy ora è in linea Modifica/elimina messaggio