Adattare sito web per tutte le risoluzioni ?

verrecchiandrew

Nuovo Utente
2 Set 2013
1
0
0
Ciao! Sono nuovo... volevo chiedervi di aiutarmi visto che sono tre giorni che non riesco ad adattare il mio sito web per lo schermo di altri computer. Sono riuscito ad adattare l'immagine di sfondo, solamente che sul mio telefono si vede più lunga, e quando ho inserito la scritta "home" sul pc tutto ok, mentre sull'altro computer che ha lo schermo più grosso e sul telefonino si vede in alto! aiutatemi non riesco proprio a adattare il mio sito web! ho cercato e ricercato su internet ma non ci riesco! vi posto casomai la pagina index cosi casomai me la potete aggiustare in modo che le scritte e lo sfondo non si muovano su un altra risoluzione. la risoluzione dell'immagine è 1024x768. (adattando l'immagine la scritta si vede spostata con un'altra risoluzione).


HTML:
<html> 
<style>
a:link {
color: white;
text-decoration:none;
}

a:visited {
color: white;
text-decoration:none;
}

a:active {
background-color: white;
text-decoration:none;
}

a:hover {
color:yellow;
text-decoration:none;
}
</style>
<head> 
<title>PredictionSoccer</title>
<img src="http://forum.mrwebmaster.it/images/sfondo.jpg" width="100%" height="100%">
<H4><font face="calibri"><div style="position:absolute; top:147px; left:100px;"><a href="index.html">HOME</a></div></font><…
</head>
</html>
 
Ultima modifica di un moderatore:

Jonn

Utente Attivo
29 Dic 2012
352
3
18
Pistoia
A parte che un'immagine che ha dimensioni 100% in larghezza ed in altezza, è abbastanza logico che a risoluzioni diverse si visualizzi diversamente se il riferimento è la dimensione della finestra (il body via...), ma passo in rassegna un'altra soluzione CSS:

Codice:
body {margin: 0; background: url(../immagini/firma.png) no-repeat fixed; background-size:100% 100%;}
Puoi vedere il risultato a questa pagina:
- http://www.johnnyferrari.it/_Risorse/Strutture/Layout_percentuale_con_sfondo_100_percento/index.htm

Comunque era una soluzione che se non sbaglio ne avevamo già parlato sul forum, magari fate delle ricerche.