Mitico! Ora funziona con entrambi i browser... però c'è un altro, serio problema. Ti ri-posto il codice aggiornato:
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>
Poi il css:
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;
}
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:
- 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?