Mitico! Ora funziona con entrambi i browser... però c'è un altro, serio problema. Ti ri-posto il codice aggiornato:
Poi il css:codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Blog</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link type="text/css" rel="stylesheet" href="mainstyle.css" /> </head> <body> <div id="struttura"> <div id="top"></div> <div id="welcome"></div> <div id="contenuto"> <div id="menu"></div> <div id="posts"></div> <br class="clear" /> </div> <div id="footer"></div> </div> </body> </html>
Se inserisco del testo all'interno del box "posts" finchè questo in verticale non supera i 336px non ci sono problemi. Ma se il testo è troppo lungo, ottengo due errori diversi:codice:body { background-color : #CCCCCC; color : #FFFFFF; margin : 20px; font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align : center; } .clear { clear : left; } #struttura { color : #FFFFFF; width : 830px; margin : 20px auto; text-align : left; } #top { background-image : url(images/struttura/top.jpg); height : 131px; } #welcome { background-image : url(images/struttura/welcome.jpg); height : 90px; } #contenuto { width : 830px; height : 336px; voice-family : inherit; } #menu { background-image : url(images/struttura/menu.jpg); background-repeat:repeat; width : 138px; height: 336px; float : left; voice-family : inherit; } #posts { background-image : url(images/struttura/posts.jpg); background-repeat:repeat; width : 692px; height: 336px; float : left; voice-family : inherit; } #footer { background-image : url(images/struttura/footer.jpg); width : 830px; height : 73px; voice-family : inherit; }
- con IE: si allunga solo il box "posts" mentre quello "menu" rimane di 336px, e non va bene.
- con Firefox: il testo allegramente esce dal box "posts", che rimane di 336px.
sai aiutarmi?

sai aiutarmi?
Rispondi quotando