Problema con sito...si vede tutto spostato

20-04-2009, 14.52.30

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&amp;width=150&amp;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

20-04-2009, 14.58.24

Io lo vedo bene sia con IE che con Firefox. Ho una risoluzione 1024*768...tu e il tuo amico che risoluzione avete?
(ps.sei sicuro che la pubblicità che hai messo non va contro il regolamento?)

20-04-2009, 15.01.47

Può dipendere dalla risoluzione dello schermo tuo e del tuo amico, dal browser che utilizzate...
Non mi pare di vedere errori nel codice comunque.

20-04-2009, 15.04.40

anche io vedo tutto perfettamente

20-04-2009, 15.09.52

Io non vedo tutto perfettamente ma tutto "sballato", soluzione?
Disattiva la toolbar

, ho avuto problemi anche io e avevo risolto disattivando la toolbar

Saluti!

20-04-2009, 16.31.59

io lo vedo benissimo, ma può essere come dice theunknown. Il tuo amico che risoluzione ha?

20-04-2009, 17.35.23

Puoi sempre mettere un annuncio in rilievo nel sito con l'avvertimento che con risoluzione più bassa di 1024x768 si vede male(o qualcosa di simile).
Non penso che tu possa fare altro.

20-04-2009, 17.40.18

Oppure puoi configurare il tuo sito, ma nn È semplice, bisogna sapere molto l'html

20-04-2009, 17.44.53

Puoi sempre utilizzare un JS che cambia la risoluzione, ma la pagina sarebbe molto appesantita dai diversi stili e da tutto il css che devi inserire.

20-04-2009, 20.04.10

Cerca su google "Javascript risoluzione" o qualcosa di simile, di sicuro qualcosa trovi.

21-04-2009, 15.24.09

Originalmente inviato da theunknown

Cerca su google "Javascript risoluzione" o qualcosa di simile, di sicuro qualcosa trovi.

....si qualcosa l'ho trovata, ma non ci ho capito proprio nulla... vabbe ci rinuncio, mi sa che metterò un avviso a pie di pagina...uff

Discussione: Problema con sito...si vede tutto spostato

LinkBack

Strumenti discussione

Display

Problema con sito...si vede tutto spostato

Regole di scrittura