Problema linguaggio html

27-05-2011, 16.34.18

ciao come mai inserendo il codice html qui sotto mi viene uno spazio immenso a destra?

Codice HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head><meta http-equiv="content-type" content="text/html; charset=windows-1250"><meta name="generator" content="PSPad editor, www.pspad.com"><meta name="description" content="Scriver-si per Conoscer-si, il cortometraggio in collaborazione con la scuola A.Fogazzaro"><meta name="keywords" content="scriversi conoscersi fogazzaro como rebbio ferretto fasola ciao romano pagani ferrario cortometraggio mp3 musica video audio"><title>Home</title><style type="text/css"> .collegamenti
{list-style-image: url(../immagini/oscar_1.jpg); margin-left: 30px;margin-top: -1100px;}.sfondo{margin-left:200px;width:100%;margin-top:-200px;}p {font-family: cursive;font-size: 27px;margin-right:500px; text-align:center; } /*formato testo*/ a:link {font-size: 27px;color:black; font-family: cursive;}     /*formato link*/a:visited { font-size: 27px; color: black;font-family: cursive;}a:hover   {color: blue; }</style></head><body> <div class="intestazione"><p STYLE="position:absolute; top:100px; left:400px">In collaborazione con  <br> Istituto comprensivo Como-Rebbio <br>  Presentiamo </p><img STYLE="position:absolute; top:300px; left:250px" src="http://forum.it.altervista.org/immagini/titolo_def4.png" alt="ciao"></div><div class="sfondo"><img src="http://forum.it.altervista.org/immagini/Film_Border_by_struckdumb.jpg" height="1800px" width="800px" alt="ciao"> </div>  <ul class="collegamenti"> <li> <a href="Video.html">Video </a></li><li> <a href="Backstage.html">Backstage </a></li><li> <a href="http://www.google.it">Progetto</a></li><li> <a href="http://www.google.it">Altro </a>  </li></ul> <img STYLE="position:absolute; top:700px; left:400px" src="http://forum.it.altervista.org/immagini/Fast and Furious 5 French Poster.jpg" height="600px" width="400px" alt="ciao"> <br><br><br><br><br><br><br><br><br>    <br> <br><br><br><br><br><br><br><br><br>    <br> <br><br><br><br><br><br><br><br><br>    <br> <br><br><br><br><br><br><br><br><br>    <p><a href="http://jigsaw.w3.org/css-validator/check/referer"> <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss"alt="CSS Valido!" align="left"></a></p><p><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-html401"alt="Valid HTML 4.01 Transitional" height="31" width="88" align="left"></a></p></body></html>

se non riuscite a vederlo provate qua

**karl94** · 27-05-2011, 16.43.42

L'elemento che causa il problema è il div avente come classe sfondo: gli hai assegnato la larghezza al 100% ed inoltre un margine a sinistra, elimina l'istruzione che ne fissa la larghezza.

Inoltre ti sconsiglio di usare i posizionamenti assoluti in quel modo.

Discussione: Problema linguaggio html

LinkBack

Strumenti discussione

Display

Problema linguaggio html

Regole di scrittura