Ho pubblicato il mo Sito, realizzato tutto con CSS e senza tabelle, come da voi suggerito. Se lo apro con Firefox, l'apertura è abbastanza veloce e quasi corretta, ma se lo apro con I.E (6 o 7, non cambia) gli sfondi si aprono dopo i contenuti, generando un effetto poco gradevole.
Se invece lo apro in "locale" tutto funziona alla perfezione con tutti i Browsers che ho a disposizione.
Cosa posso avere sbagliato?
Qui l'indirizzo del mio Sito:
www.sistemax.it
Grazie per i suggerimenti e saluti
prova a mettere un js vuoto nell'head e vedi se il caricamento ti cambia
Cyàcodice:<script type="text/javascript"> </script>
Molte grazie. Ho inserito il js nell'head e I.E. è leggermente migliorato, ma il ritardo nell'apertura della background-image del body rispetto al background-color è ancora sensibile, anche passando da una pagina all'altra.
Posto il codice HTML ed il relativo CSS:
HTML:
<!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" lang="it" xml:lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Home Page Sistemax</title>
<script type="text/javascript">
</script>
<style type="text/css">
@import url("Stili/main.css");
@import url("Stili/head.css");
@import url("Stili/navbar.css");
@import url("Stili/foot.css");
</style>
</head>
<body>
<div id="extcont">
<div id="extline"></div>
<div id="header">
<div id="header_l">
<div>[img]Immagini/Line_V.gif[/img]</div>
</div>
<div id="header_r">
<div>[img]Immagini/Line_V.gif[/img]</div>
</div>
<div id="logo">[img]Immagini/Logo_neg.gif[/img]</div>
<div id="hdln">Prodotti, Attrezzature e Metodi per il Ricondizionamento Estetico degli Autoveicoli</div>
</div>
<div id="navcnt">
<div id="navspace"></div>
<div id="navigation">
<ul>
<li id="activelink">Home
<li class="vuoto">Prodotti
<li class="vuoto">Supporto
<li class="vuoto">i Metodi
<li class="vuoto">Rivenditori
[*]Sistemax
[/list]
</div>
</div>
</div>
eccetra, ...
CSS:
html,body{ background: #66CC00 url(../Immagini/Sfnd_S.gif) fixed repeat-x top}
body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 76%;text-align: center; margin: 0;padding:0}
div#extcont{width: 780px; height:80px; margin: 10px auto; text-align:center}
div#extline{height:10px; width:764px; background-image:url(../Immagini/Sfnd_A.gif); background-position:top; background-repeat:no-repeat; position:absolute; margin: 0 8px 0 8px}
div#container{width:728px; height:500px;
margin: 30px auto 10px auto !important;
margin: -530px auto 10px auto}
Grazie in anticipo per i suggerimenti e saluti.
Permessi di invio
Rispondi quotando