Buongiorno, innanzitutto mi scuso se l'argomento fosse già stato trattato, la ricerca non mi ha dato risultati.
Nel definire un background su #subcontainer ho rilevato che Netscape 8 non mi visualizza l'immagine. Posto qui di seguito html e css (ovviamente semplificati, qualora servano completi avvisate)
html:
css:codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <title></title> <script type="text/javascript"> </script> <style type="text/css" title="currentStyle" media="screen"> @import "style.css"; </style> <!--[IF lt IE 7]> <style type="text/css"> #navigation { margin-left: 5px; } </style> <![ENDIF]--> </head> <body> <div id="container"> <div id="subcontainer"> <div id="navigation"> <div id="logo"></div> <div id="menu"> <ul> [*]Home [*]Azienda [*]Macchine [*]Soluzioni [*]Partners [*]Contatti [/list] </div> </div> <div id="contents"> </div> <div id="clearing"></div> </div> </div> <div id="footerExplorer"></div> </body> </html>
allego anche l'immagine che non viene visualizzata.codice:#container { background-color: #fff; width: 720px; margin: 20px auto 0 auto; border: 1px solid #ebebeb; padding: 10px 0; } #subcontainer { background: url(images/bgcontainer.gif) top left repeat-y; width: 720px; } #navigation { background-color: transparent; margin-left: 10px; width: 202px; float: left; } #logo { background: url(images/logo.gif) top left no-repeat; height: 112px; } #menu { background-color: #ebebeb; padding: 10px; } #contents { background-color: transparent; float: right; margin: 1px 10px 0 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; width: 498px; height: auto !important; height: 400px; min-height: 400px; } #clearing { clear: both; } #footerExplorer { height: 20px; }
Grazie in anticipo
Rispondi quotando