Salve a tutti ...
ho un grosso problema che ho cercato di risolvere in tutte le maniere ma non ci sono riuscito, xò è di importanza assoluta che ci riesca.
allora... questo è il 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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<style type="text/css">
body {
margin: 0;
padding:0;
background-color: #fafafa;
width: 100%;
text-align: center;
}
div#head {
background-image: url(/images/sfondo.gif);
background-position:bottom;
background-repeat:repeat-x;
height:154px;
text-align: center;
}
div#scatola {
width: 600px;
background-color: #009933;
height: 100px;
margin: 0 auto;
}
</style>
</head>
<body>
<div id="head">
<div id="scatola"></div>
</div>
</body>
</html>
il problema è che dando al div "head" che è fluido un' immagine di sfondo che si ripete e inserendo poi un altro div "scatola" che ha una dimensione fissa ( in questo caso 600px )...
Su IE7 e FIREFOX 2 , comprimendo la pagina del browser oltre la larghezza del div "scatola" lo SFONDO DEL DIV HEAD si interrompe prima della finestra del browser !!!
Qualcuno mi saprebbe aiutare plz
Grazie a tutti
Rispondi quotando
