Problema con sito...si vede tutto spostato
Salve vi chiedo aiuto per il mio sito. Diciamo che di html o css ne mastico poco, quel che basta per darmi un pò una mano, ma non stò riuscendo completamente a risolvere questo problema. Ho creato un nuovo sito su un telefilm http://spiky90.altervista.org/QaF_Fans_Site.html . Io dal mio computer, lo vedo benissimo, perfetto tutto è al suo posto. Ecco sono andata a visitarlo dal pc di un mio amico e da lui lo dà tutto spostato, così allora ho fatto la prova con alcuni dei siti che ci sono sul forum di altervista, per controllare la corretta visualizzazione, e si vede spostato anche lì, immagino che anche voi lo vedrete spostato, quindi domanda 1: Perchè io lo vedo bene? Domanda2: Se vi dò il codice, potreste aiutarmi a capire il problema e come risolverlo?
Codice HTML:
<html>
<head>
<!-- prelevato su http://www.web-link.it -->
<link rel="shortcut icon" href="http://spikina.altervista.org/favicon.ico">
<title>Queer as Folk Fans Site</title>
</head>
<style>
body {
background-repeat: repeat;
background-image: url('http://i11.photobucket.com/albums/a157/SpikyWorld/Queer%20as%20Folk%20Site/sfondoqueer.jpg');
background-color: #10524E;
scrollbar-face-color: #9AD4AE;
scrollbar-shadow-color: #82BA93;
scrollbar-highlight-color: #9AD4AE;
scrollbar-3dlight-color: #9AD4AE;
scrollbar-darkshadow-color: #9AD4AE;
scrollbar-track-color: #9AD4AE;
scrollbar-arrow-color: #046252;
color: #75B463;
font-style:normal; font-variant:normal; font-weight:normal; font-size:7px; font-family:Century Gothic
}
A{text-decoration: none; cursor:default;color:#7ABE69;letter-spacing: 0pt;font-weight:bold;text-transform:lowercase;}
A:visited{text-decoration: none; cursor:default;color:#7ABE69;letter-spacing: 0pt;font-weight:bold;text-transform:lowercase;}
A:active
{text-decoration: none; cursor:default;height:1px;color:#7ABE69;letter-spacing: 0pt;font-weight:bold;text-transform:lowercase;}
A:hover {color:#F1FAB7;text-decoration: underline ;font-weight:bold; cursor:crosshair;background:#010B0C;); letter-spacing: 0pt;
}
.titoletti{
font: 7px Century Gothic;
text-align: left;
color: #75B463;
background-color: #75B463;
padding-left: 5px;
line-height: 90%;
}
.scritto {
color: #75B463;
font: 7px Century Gothic;
text-align: justify;
padding: 5px;
}
.scritto7 {
color: #75B463;
font: 7px Century Gothic;
text-align: justify;
padding: 5px;
}
.scritto1{
font: 7px Century Gothic;
text-align: left;
color: #75B463;
background-color: #75B463;
padding-left: 5px;
line-height: 90%;
}
.scritto2{
font: 7px Century Gothic;
text-align: right;
color: #75B463;
}
.scritto4 {
color: #75B463;
font: 7px Century Gothic;
text-align: right;
}
.scritto5 {
color: #75B463;
font: 7px Century Gothic;
text-align: center;
}
</style>
<br><br>
<table width="800" height="1000" cellspacing="4" cellpadding="0" align="center" background="http://i44.tinypic.com/352q4nm.jpg" style="border:0px solid #75B463" >
<tr>
<!--INIZIO COLONNA RADIO//-->
<tr><td width="405" valign="top" style="padding-bottom; 7px;">
<div style="position:absolute; top:35px; width:200px; left:695px; height:100px">
<table border="0" id="table1" width="190">
<tr>
<td style="text-align: center">
<p style="margin-top: 0; margin-bottom: 0" class="header">
<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyMzkxMjUwNDIyODMmcHQ9MTIzOTEyNTA*OTA*OSZwPTE4MDMxJmQ9Jmc9MSZ*PSZvPTA4ODlkMTFkYTMxYzQyZjM5MWY2MDhjZjM5NTAwNTI3.gif" /> <center><p style="visibility:visible;"><embed src="http://assets.myflashfetish.com/swf/mp3/minime.swf?myid=20371555&path=2009/04/07" quality="high" wmode="transparent" flashvars="mycolor=046252&mycolor2=84DBB0&mycolor3=010B0C&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false" width="160" height="68" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:160px;height:68px;" /><br><a href="http://www.mixpod.com/playlist/20371555" target="_blank"></p></center>
</td>
</tr>
</table>
</div>
</td>
<!--FINE COLONNA RADIO//-->
<!--INIZIO COLONNA MENù//-->
<tr><td width="405" valign="top" style="padding-bottom; 7px;">
<div style="position:absolute; top:568px; width:800px; left:102px; height:53px">
<CENTER>
<a href=" http://www.sho.com/site/queer/home.do "target="_blank"><img border="0"src="http://i11.photobucket.com/albums/a157/SpikyWorld/Queer%20as%20Folk%20Site/homegif.gif"></a><a href=" http://spiky90.altervista.org/PagineQueer/Puntate.htm "target="_Center"><img border="0"src="http://i11.photobucket.com/albums/a157/SpikyWorld/Queer%20as%20Folk%20Site/puntate.jpg"></a><a href=" http://spiky90.altervista.org/PagineQueer/Citazioni.htm "target="_Center"><img border="0"src="http://i11.photobucket.com/albums/a157/SpikyWorld/Queer%20as%20Folk%20Site/citazioni.jpg"></a><a href=" http://spiky90.altervista.org/PagineQueer/LavoriGrafici.htm "target="_Center"><img border="0"src="http://i11.photobucket.com/albums/a157/SpikyWorld/Queer%20as%20Folk%20Site/lavorigrafici.jpg"></a><a href=" http://spiky90.altervista.org/PagineQueer/Utilities.htm "target="_Center"><img border="0"src="http://i11.photobucket.com/albums/a157/SpikyWorld/Queer%20as%20Folk%20Site/utilities.jpg"></a><a href=" http://spiky90.altervista.org/PagineQueer/WwW.htm "target="_Center"><img border="0"src="http://i11.photobucket.com/albums/a157/SpikyWorld/Queer%20as%20Folk%20Site/www.jpg"></a>
</CENTER>
</td>
<!--FINE COLONNA MENù//-->
<!--INIZIO COLONNA SINISTRA//-->
<tr><td width="405" valign="top" style="padding-bottom; 7px;">
<div style="position:absolute; top:640px; width:200px; left:99px; height:500px">
<table border="0" id="table1" width="190">
<tr>
<td style="text-align: center">
<p style="margin-top: 0; margin-bottom: 0" class="header">
<!--Inizio Codice Tag-Mania.com -->
<script type="text/javascript" language="javascript" src="http://www.tag-mania.com/tag.asp?id_tag=21818&width=150&height=200"></script>
<!--Fine Codice Tag-Mania.com -->
<br><br>
<object width="150" height="130"><param name="movie" value="http://www.youtube.com/v/wwIAdTnvORc&hl=it&fs=1&color1=0x234900&color2=0x4e9e00"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/wwIAdTnvORc&hl=it&fs=1&color1=0x234900&color2=0x4e9e00" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="150" height="130"></embed></object>
<br>
<img src="http://i11.photobucket.com/albums/a157/SpikyWorld/Queer%20as%20Folk%20Site/arrow.gif"> <a href="http://www.youtube.com/watch?v=GECRtn4AjmI&feature=related" title= "Queer as Folk Celebration - Guarda il Video"><img src="http://i11.photobucket.com/albums/a157/SpikyWorld/Queer%20as%20Folk%20Site/wewill.jpg" border="0"></a>
</td>
</tr>
</table>
</div>
<!--FINE COLONNA SINISTRA//-->
<!--INIZIO COLONNA CENTRALE//-->
<tr><td valign="top" style="padding-bottom; 7px;">
<iframe FRAMEBORDER="0" BORDER=0 width=540px height=463px src="http://spiky90.altervista.org/PagineQueer/HomeStatica.htm" name="_Center" allowTransparency scrolling=yes style="position:absolute; top:645px; left:305px; width: 380px; height: 380px;"></iframe>
</td>
<!--FINE COLONNA CENTRALE//-->
<!--INIZIO COLONNA DESTRA//-->
<td width="215" valign="top" style="padding-bottom: 7px;" >
<div style="position:absolute; top:633px; width:200px; left:703px; height:500px">
<table border="0" id="table1" width="190">
<tr>
<td style="text-align: center">
<p style="margin-top: 0; margin-bottom: 0" class="header">
<a href="http://firmiamo.it/decriminalizzazionedellomosessualita" title= "Firma per la Decriminalizzazione Universale dell'omosessualità"><img src="http://i11.photobucket.com/albums/a157/SpikyWorld/Queer%20as%20Folk%20Site/omosessualitcopia.jpg" border="0"></a>
<br><br>
<!-- Histats.com START -->
<a href="http://www.histats.com/it/" target="_blank" title="contatore utenti connessi" ><script type="text/javascript" language="javascript">
var s_sid = 671364;var st_dominio = 4;
var cimg = 329;var cwi =112;var che =62;
</script></a>
<script type="text/javascript" language="javascript" src="http://s11.histats.com/js9.js"></script>
<noscript><a href="http://www.histats.com/it/" target="_blank">
<img src="http://s103.histats.com/stats/0.gif?671364&1" alt="contatore utenti connessi" border="0"></a>
</noscript>
<!-- Histats.com END -->
<br><br>
<script language="Javascript" src="http://heracleum.altervista.org/res/refs/en.js"></script> <style>
.hrl_header { background-color: #010B0C; border-color: #F2FDB9; border-style: dotted; border-width: 1px; color: #7EBD6C; font-size: 7pt; }
.hrl_listbox { background-color: #010B0C; border-color: #F2FDB9; border-style: dotted; border-width: 1px; height: 135px; overflow: auto; width: 160px; }
.hrl_cell_count { background-color: #010B0C; border-color: #F2FDB9; border-style: dotted; border-width: 1px; color: #7EBD6C; font-size: 7pt; }
.hrl_cell_url { background-color: #010B0C; border-bottom-color: #F2FDB9; border-bottom-style: dotted; border-bottom-width: 1px; color: #7EBD6C; font-size: 7pt; }
.hrl_footer { background-color: #010B0C; border-color: #F2FDB9; border-style: dotted; border-width: 1px; color: #7EBD6C; font-size: 7pt; }
</style>
</td>
</tr>
</table>
</div>
<!--FINE COLONNA DESTRA//-->
</td>
</tr>
</table>
<br><br><br>
</body>
</html>
Grazie in anticipo :crycry:
