Printable View
:twisted:
Buon giorno ragazzi qualcuno potrebbe darmi una mano?
ho editato una pagina web con dreamviewer css4 , con IE viene caricata tranquillamente , ma con altri browser tipo firefox e opera mi rimane bloccata la pagina pianga in caricature
help please....
grazie
a dimenticavo l' indirzzo incriminato è www.ilpbp.altervista.org
Lo script js/bg_resize_ar.js è responsabile del problema, toglilo e il tuo sito sarà correttamente visualizzabile.
Grazie per la celere risposta, ma se elimino Lo script js/bg_resize_ar.js non mi si adatta più lo sfondo a qualsiasi impostazione, sbaglio?
lo avevo messo per ovviare al problema dell' adattabilità dello sfondo a qualsiasi risoluzione!!!
Come posso risolvere il problema eliminando questo script?
grazie in anticipo
Innanzitutto potresti usare la nuova proprietà CSS3 background-size che permette di ridimensionare gli sfondi, oppure puoi cercare un nuovo script che non crei problemi. Io ti consiglio di usare il CSS, perché è più semplice e veloce.
Grazie ancora
mi definisco un tarello abbi pazienza, ma nel mio script specifico dove lo inserisco?
in poche parole potresti postarmi un esempio?
grazie
Il CSS non è uno script, è un foglio di stile che definisce come sarà l'aspetto grafico della pagina: alla riga 9 della tua homepage c'è il tag script, al cui interno c'è scritto il CSS. Cancella da <head> a </head> e al suo posto, metti questo: (ho eliminato jquery e il tag style, lo sfondo lo metteremo nel file css/style.css così sarà uguale in tutte le pagine che includeranno quel file)Nel file css/style.css cancella tutto e metti questo:Codice HTML:<head>
<title>ILPBP Pagina principale</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
Devi anche eliminare l'attributo background del body.Codice:body{
margin: 0px;
padding: 0px;
text-align: center;
background: url(../defweb2.jpg) center top fixed #000;
-o-background-size: cover;
-webkit-background-size: cover;
-khtml-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
.wrapper{
text-align: left;
width: 600px;
margin: auto;
}
p, .wrapper div{
border: 3px #000 double;
margin: 20px;
background: #eee;
padding: 10px;
}
Potrebbe non funzionare su Internet Explorer (nel senso che lo sfondo non viene ridimensionato).