Pagina internet visualizzazione cangiante
Salve a tutto il forum,
premetto che non sono ferrato in materia e sto cercando di imparare...
dunque chiedo il vostro aiuto!
Il problema e che la mia pagina web non ne vuole sapere di avere una visualizzazione uguale per tutti quelli che cercano di visualizzarla.
Vi faccio un sempio con delle immagini
Attraverso il browser della playstation3 la vedo in questo modo
A e B sono gli estremi della finestra, mentre C è una barra di scorrimento che sta lì chissà perchè
Lo sfondo è nero, come da me impostato
http://img405.imageshack.us/img405/7088/ps3d.jpg Uploaded with ImageShack.us
attraverso un nuovo pc
qui lo sfondo nero non c'è e al suo posto si vede parte dell' immagine principale
http://img153.imageshack.us/img153/9301/pctoty.jpg
Uploaded with ImageShack.us
attraverso un pc vecchiotto, che poi sarebbe il pc dal quale lavoro sul sito
qui lo sfondo è nero, come da me impostato
http://img593.imageshack.us/img593/2709/mioi.png
Uploaded with ImageShack.us
:evil:
Vi mostro l' html della pagina web, creata tramite NVU e caricata su altervista
Codice PHP:
<!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"><head><meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" /><title>index</title> <meta content="Cicciolo" name="author" /><script src="fixedbackground.js" type="text/javascript"></script></head>
<body style="direction: ltr; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);" onload="fixedBackground('http://mondoinfame.altervista.org/mondoinfameintro.jpg');"><img style="width: 1346px; height: 600px;" alt="" src="http://mondoinfame.altervista.org/mondoinfameintro.jpg" /><br /><br /><br /><div style="text-align: center;"><big><big><span style="font-weight: bold;">BENVENUTI IN MONDOINFAME<br /><br /></span><a style="color: rgb(255, 255, 255);" href="#"><small>HOME</small></a><span style="font-weight: bold;"></span></big></big></div></body></html>
questi sono i file caricati
http://img22.imageshack.us/img22/4262/filecaricati.png
Uploaded with ImageShack.us
Come vedete ho usato lo script fixedbackground
Secondo voi perchè ci sono tutte queste differenze!
Stò impazzendo chiedo....AIUTOOOOOOOOO
voi come vedete mondoinfame?
EDIT
Ho cambiato strada...ora non uso lo script...ma c'è un nuovo problema
Lavoro in NVU ed uso i css, faccio quindi la pagina la salvo lancio l' index dal mio pc e la visualizzo perfettamente.
A questo punto uso l' ftp per caricarlo su altervista, caricando l' immagine *jpg, il file css, e l' index.
Ma quando vado a visualizzarlo cliccando sull' index scaricato in altervista non riesco più a vedere l' immagine, ma solo lo sfondo nero e la scritta di benvenuto.
Forse dovrei cambiare il percorso del file d' immagine, inserendo il percorso che mi da altervista....ma non saprei come fare!!!!
Questi sono i vari dati
SORGENTE IN NVU
Codice PHP:
<!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"><head><meta
http-equiv="content-type"
content="text/html; charset=ISO-8859-1" /><title>prova</title>
<meta name="author" content="Cicciolo" /><link
title="home" rel="stylesheet" href="stile.css"
type="text/css" /></head>
<body
style="direction: ltr; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"><div
id="box"><br /><br /><br /><br /><div
style="text-align: center;"><br /><big><br /><big><br /><br /><br />BENVENUTO
IN MONDOINFAME<br /><br /><a
style="color: rgb(255, 255, 255);" href="#"><small>HOME</small></a></big></big></div></div></body></html>
QUESTO INVECE IL FILE CSS
Codice PHP:
/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */
body { font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 100%;
}
a img { border-style: none;
}
#box { background-image: url(file:///M:/NVU/Nuova%20cartella/mondoinfameintro.jpg);
background-repeat: no-repeat;
background-position: center top;
height: 100%;
width: 100%;
}
#testata { border: 1px solid rgb(255, 255, 0);
padding: 10px 20px 0px;
font-size: 2em;
color: rgb(0, 0, 0);
text-align: center;
min-height: 100px;
height: auto ! important;
}
#testata { float: left;
}
#barretta { border: 1px solid rgb(255, 255, 0);
font-size: 0.8em;
color: rgb(0, 0, 0);
}
.centrato { text-align: center;
}
#menupr { border-bottom: 1px solid rgb(255, 255, 0);
color: rgb(0, 0, 0);
background-color: rgb(255, 0, 0);
}
#menupr a { color: rgb(0, 0, 0);
padding-top: 5px;
padding-bottom: 5px;
}
#menupr a:hover, #menupr a:focus, #menupr a:active { color: rgb(255, 255, 255);
background-color: rgb(0, 0, 0);
}
#contenuto { border-left: 1px solid rgb(255, 255, 0);
border-right: 1px solid rgb(255, 255, 0);
color: rgb(255, 255, 255);
background-color: rgb(255, 0, 0);
float: left;
width: 75%;
padding-top: 10px;
padding-bottom: 10px;
}
#contenuto p { padding-left: 10px;
padding-right: 10px;
}
#contenuto img { padding: 10px;
float: left;
}
#menu2 { border-right: 1px solid rgb(255, 255, 0);
color: rgb(0, 0, 0);
background-color: rgb(255, 0, 0);
float: left;
width: 25%;
margin-right: -2px;
}
#menu2 ul { list-style-type: none;
margin-top: 3px;
margin-bottom: 3px;
}
#menu2 li { border-bottom: 1px solid rgb(255, 255, 0);
line-height: 1.5em;
height: 1.5em;
margin-top: 3px;
margin-bottom: 3px;
margin-left: -30px;
}
#menu2 a { color: rgb(0, 0, 0);
}
#menu2 a:hover, #menu2 a:focus, #menu2 a:active { color: rgb(255, 255, 255);
background-color: rgb(255, 0, 0);
}
Quando clicco sull' anteprima dell' immagine in altervista mi dice
Tag HTML (che dovrai inserire nella pagina):
Codice HTML:
<img src="http://mondoinfame.altervista.org/mondoinfameintro.jpg" border="1" width="1346" height="600">
Vi chiedo ancora aiuto!!! Please
mondoinfame
