Ciao a tutti!![]()
In pratica si tratta di fare un semplicissimo box usando i CSS
Il box è composto da un'immagine in alto che fa da bordo arrotondato, un'immagine al centro messa come sfondo che si ripete in verticale (dove poi va il contenuto), e un'ultima immagine in basso che chiude la scatola con un altro bordo arrotondato.
Ho usato questo codice XHTML:
e questo come CSS:codice:<div id="boxup">[img]images/boxcenterup.gif[/img]</div> <div id="contentbg"> Contenuto Contenuto</p> Contenuto Contenuto</p> Contenuto Contenuto</p> </div> <div id="boxdown">[img]images/boxcenterdown.gif[/img]</div>
Ora il problema è il seguente: su Firefox c'è dello spazio tra i vari DIV (su IE no) che pensavo di aver eliminato con margin e padding a 0. Ma invece non è stato così. come posso risolvere?codice:#contentbg { margin: 0px; padding: 0px; background-image: url(/sito/images/boxcenterbg.gif); background-repeat: repeat-y; } #boxup { margin: 0px; padding: 0px; } #boxdown { margin: 0px; padding: 0px; }
Grazie a tutti![]()



Rispondi quotando