Vai al contenuto
carlomm73

Problema impaginazione sito Web

Post raccomandati

Buongiorno forum.

 

Sto cercando d'imparare, per lavoro, a creare dei siti web utilizzando html e css. La mia prima creazione mi da problemi di visualizzazione:

 

1) Aprendo con Chrome a schermo pieno viene perfetta ma con Firefox le scritte del blocco centrale sono sfalsate

2) Riducendo o ingrandendo lo schermo le stesse scritte si spostano in blocco verso l'alto il basso e le immagini si riducono lasciando ampi margini.

 

Qualcuno, gentilmente, può consigliarmi? Qui sotto il listato completo.

 

 

<!-- saved from url=(0022)http://internet.e-mail -->
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<style type = "text/css">
/*<![CDATA[*//*]]>*/
body{font-family: colibrì;
font-size: 11}
#Intestazione{background-color: #B6B6B6;
padding: 1.5% 0 0.5% 0}
#Img{background-color: #003466;
margin: -2.65% 15% -1.25% 15%}
#Acc{text-align: right;
color: #FFFFFF}
#Lamina{background-color: #DADADA;
padding: 0.0025% 0 0.75% 0}
#Centrale{background-color: #009933;
margin: -0.85% 15% -1.5% 15%}
#Fittizio{color: #009933}
#Struttura{background-color: #F4F4F4;
padding: 0.0025% 0 40% 0}
#Corpo{background-color: #FFFFFF;
margin: -0.75% 15% -50% 15%;
padding: 0 0 15.5% 0}
p.sx{color: #009933}
#Link{margin: -42.5% 0 0 2.25%}
#Finale{background-color: #DADADA;
padding: 0.5% 0 1.25% 0}
#Firma{background-color: #009933;
margin: -0.25% 15% -0.75% 15%;
padding: 1% 0 2.85% 0;
text-align: center}
a:link{text-decoration: none}
a:link.es{color: white}
a:visited.es{color: white}
</style>
<title>
Pagina iniziale
</title>
</head>
<body>
<div id = "Intestazione">
<div id = "Img">
<h1><img src="universitaInterno.jpg" alt="Università degli Studi di Milano" /></h1>
</div>
</div>
<div id = "Lamina">
<div id = "Centrale">
<p id = "Fittizio"> uh! </p>
</div>
</div>
<div id = "Struttura">
<div id = "Corpo">
<p class = "sx"> > </p><br><br>
<p class = "sx"> > </p><br><br>
<p class = "sx"> > </p><br><br>
<p class = "sx"> > </p><br><br>
<p class = "sx"> > </p><br><br>
<p class = "sx"> > </p>
<div id = "Link">
<p> <a href = "Anni Chimica.html"> LAUREA TRIENNALE IN CHIMICA </a></p></br><br>
<p> <a href = "Anni Chimica Industriale.html"> LAUREA TRIENNALE IN CHIMICA INDUSTRIALE </a></p></br><br>
<p> <a href = "Anni Magistrale Chimica.html"> LAUREA MAGISTRALE IN SCIENZE CHIMICHE </a></p></br><br>
<p> <a href = "Anni Magistrale Chimica Industriale.html"> LAUREA MAGISTRALE IN CHIMICA INDUSTRIALE E GESTIONALE </a></p></br><br>
<p> LOCALI ADIBITI A LABORATORI </p></br><br>
<p> <a href = "http://www.unimi.it/personale/prevenzione_sicurezza/2610.htm"> REGOLAMENTO PER L'USO DEI LABORATORI E SICUREZZA </a></p>
</div>
</div>
</div>
<div id = "Finale">
<div id = "Firma">
<p> WEBMASTER </p>
</div>
</div>
</body>
</html>

 

Condividi questo messaggio


Link al post
Condividi su altri siti

Beh anch'io quando ho comprato lo schermo a 22 pollici avevo lo steso problema sui siti che avevo progettato perchè avevo dato scarsa importanza alla grafica. Il consiglio che posso darti è di usare sui CSS infoprmazioni percentuali sulle larghezze di modo che si adattino in maniera dinamica alla risoluzione. Ma soprattutto fare la parte programmativa su layout free già preparati dai web designer ch è quello che ho sempre fatto anch'io dopo l'acquisto che dicevo :haha:

qui trovi un monte di roba free

 

http://www.spyka.net/

 

Condividi questo messaggio


Link al post
Condividi su altri siti

Risolto. Paradossalmente il problema era proprio l'impostazione in percentuale di tutte le grandezze; è andato a posto fissando le altezze dei margini dei contenuti interni ai blocchi.

Condividi questo messaggio


Link al post
Condividi su altri siti

Crea un account o accedi per lasciare un commento

Devi essere un utente registrato per poter lasciare un commento

Crea un account

Iscriviti per un nuovo account nella nostra comunità. È facile!

Registra un nuovo account

Accedi Subito

Sei già registrato? Accedi da qui.

Accedi Adesso

  • Navigazione Recente   0 utenti

    Nessun utente registrato visualizza questa pagina.

×