Il codice della pagina online presenta ancora gli stessi errori di prima, solo il titolo è stato corretto.
Facendo le correzioni indicate il codice potrebbe apparire così:
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<title>titolo</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="main">
<h1>MISSION</h1>
Tech Studio è un nuovo modo di concepire l'energia nelle sue differenti forme. Grazie all'attenzione e alla sensibilità verso le esigenze delle aziende e dei professionisti, la nostra attività di consulenza e progettazione vi permetterà di valorizzare i vostri progetti e gestire al meglio le vostre risorse.</p>
<p id="contatti">...</p>
</div>
</body>
</html>
Quanto al css, inutile avere quei posizionamenti assoluti. Se provi a ridurre la finestra o a rimpicciolirla vedrai che il testo assume una larghezza diversa.
Il css rivisto potrebbe essere:
codice:
body {
background-color: #ffffff;
}
#main {
width:417px; /* larghezza dell'immagine di sfondo */
background-image: url("logo tech studio_definitivo_web.jpg");
background-repeat: no-repeat;
color:#93c24e;
font-size: 18px;
font-family: "century gothic", sans-serif;
margin-top:120px;
margin-left:auto;
margin-right:auto; /* i margini sinistro e destro su auto servono a centrare orizzontalmente il div */
padding-top: 160px; /* per lasciar libero lo spazio per l'immagine di sfondo */
text-align: justify;
font-family: "century gothic", sans-serif;
}
h1 {
color:#93c24e;
font-size: 18px;
}
p {
color:#0a0a0a;
font-size: 17px;
}
#contatti {
text-align:right;
}
a {
color:#0a0a0a;
font-size: 18px;
text-decoration:none;
}
a:hover {
color:#93c252;
}
Oltre a eliminare i posizionamenti assoluti ho aggiunto un div che racchiuda tutto (è bene racchiudere tutti i contenuti in un box e non lasciarli sparsi nella pagina). Ho inoltre spostato lo sfondo dal body sul div.
) (mi si visualizzava correttamente su firefox) ho inviato il sito ad un amico che con explorer vedeva tutto diverso ed ovviamente sbagliato. Aprendo poi con explore pure io..lo stesso drama...qualche consiglio su dove trovare l'errore?
Rispondi quotando
