[CSS] Problema Con allineamento di 2 Box

22-01-2010, 08.35.08

Ciao a tutti,
volevo sapere come mai in questa pagina del mio sito, la colonna di destra si trovi sotto l'altra....
Per impostare il layout ho fatto Copia&Incolla con le altre pagine web per riprovare, ma rimane così... c'è qualche buona anima disposta ad aiutarmi?
Ciao e grazie

PS ecco il codice:

<html>
<head>
<link rel="stylesheet" href="css.css" type="text/css">
<title> Games Change - Scambio accounts Browsergames </title>
</head>
<body bgcolor="gray">
<a name="top"></a>
<div id="Conteiner">
<div id="Header"><font size="2" face="calibri" color="#8485FF">
      <a href="#">Regolamento</a> | <a href="#">Pubblicità</a> | <a href="#">Contatti</a>
<br>
<table><tr><td>
<img src="logo.jpg">                  
</td>

<td>
<script type="text/javascript">
//<![CDATA[
document.write('<s'+'cript type="text/javascript" src="http://search.altervista.org/js/ga/gameschange.js?'+new Date().getTime()+'"><\/s'+'cript>');
//]]>
</script>
<p><font size="2" color="green" face=calibri"
<i>cerca un annuncio in particolare</i>
</td>
</tr>
</table>
<br>
<br>
<div id="navcontainer">
<ul id="navlist">
      <li id="active"><a href="http://www.gameschange.altervista.org/" id="current">HomePage</a></li>
<li><a href="http://www.gameschange.altervista.org/annunci_presenti.htm">Annunci Presenti</a></li>
<li><a href="http://www.gameschange.altervista.org/invia_annuncio.htm">Invia Annuncio</a></li>
<li><a href="http://www.gameschange.altervista.org/maggiori_aziende.htm">Maggiori Aziende</a></li>
<li><a href="http://www.gameschange.altervista.org/scambio_link.htm">Scambio Link</a></li>
</ul>
</div>

</div>
<br>
<div id="Left"><font color="#2F30FF" size="6" face="verdana">
<br>
    <strong>҉</strong>  HomePage
<p align="left"> <font color="black" size="3" face="calibri">
            &nbsp   Benvenuto su Games Change! Ma esattamente... dove sei finito?
<br>
            &nbsp   games Change è un sito innovativo, che offre a tutti i giocatori del web di scambiare i loro
<br>
            &nbsp   account di BrowserGame. Ecco a chi potrebbe interessare:
<br>
<br>
            &nbsp - <i>Giocatori troppo indietro, che non hanno iniziato col piede giusto;
<br>
            &nbsp - Giocatori troppo forti, che ormai si stufano;
<br>
            &nbsp - Giocatori che hanno semplicemente voglia di cambiare.</i>
<br>
<br>
<p align="left"><font color="#2F30FF" face="verdana" size="5">
        Perché GamesChange?
</p>
<p align="left"> <font color="black" size="3" face="calibri">
            &nbsp   GamesChange è forse l'unico sito web ad offrire questo servizio e inoltre
<br>
            &nbsp   potrai pubblicare o risponedere agli annunci in modo veloce, facil e sicuro.
<br>
            &nbsp  Nell'annuncio, infatti, non verrà citato nessun dato personale, e gli interessati potrenno
<br>
            &nbsp   contattere direttamente l'inserzionista.
<br>

</p>
<br>
<br>
<hr align="center" color="#778899" width="80%">
<p align="center">
<div class="rbroundbox">
<div class="rbtop"><div></div></div>
<div class="rbcontent">
<p align="center"><font color="white" size="5" FACE="CALIBRI">TOP 10</p>
</div>
<div class="rbbot"><div></div></div>
</div>
</p>

<table align="center" cellspacing="10">

<tr>
<td>
1            
</td>
<td>
<p><font color="#778899" face="calibri" size="4">
&lowast;
</td>
<td>
<p><font color="#778899" face="calibri" size="4">
Seafight
</td>
</tr>
<tr>
<td>
2            
</td>
<td>
<p><font color="#778899" face="calibri" size="4">
&lowast;
</td>
<td>
<p><font color="#778899" face="calibri" size="4">
Ogame
</td>
</tr><tr>
<td>
3            
</td>
<td>
<p><font color="#778899" face="calibri" size="4">
&lowast;
</td>
<td>
<p><font color="#778899" face="calibri" size="4">
DarkOrbit
</td>
</tr><tr>
<td>
4            
</td>
<td>
<p><font color="#778899" face="calibri" size="4">
&lowast;
</td>
<td>
<p><font color="#778899" face="calibri" size="4">
Ikariam
</td>
</tr><tr>
<td>
5            
</td>
<td>
<p><font color="#778899" face="calibri" size="4">
&lowast;
</td>
<td>
<p><font color="#778899" face="calibri" size="4">
Travian
</td>
</tr><tr>
<td>
6            
</td>
<td>
<p><font color="#778899" face="calibri" size="4">
&lowast;
</td>
<td>
<p><font color="#778899" face="calibri" size="4">
Bitefight
</td>
</tr><tr>
<td>
7            
</td>
<td>
<p><font color="#778899" face="calibri" size="4">
&lowast;
</td>
<td>
<p><font color="#778899" face="calibri" size="4">
Deepolis
</td>
</tr><tr>
<td>

8            
</td>
<td>
<p><font color="#778899" face="calibri" size="4">
&lowast;
</td>
<td>
<p><font color="#778899" face="calibri" size="4">
KingsAge
</td>
</tr><tr>
<td>
9            
</td>
<td>
<p><font color="#778899" face="calibri" size="4">
&lowast;
</td>
<td>
<p><font color="#778899" face="calibri" size="4">
Gladiatus
</td>
</tr><tr>
<td>
10            
</td>
<td>
<p><font color="#778899" face="calibri" size="4">
&lowast;
</td>
<td>
<p><font color="#778899" face="calibri" size="4">
Vendetta1923
</td>
</tr>
</table>
<br>
<hr align="center" color="#778899" width="80%">
<br>
</p>
<p align="center">
<a title="Il link ti riporta in alto" href="#top"> &uArr; Torna su &uArr; </a>
</p>
</div>

</div>
<div id="Right1">
<div id="Title1" align="center"><font color="white" size="4" face="calibri">
<b>Link Esterni</b>
</div>
<br>
<br>
<p align="left"><font color="#3333FF" face="verdana" size="2">
        » Case Produttrici
</p>
<p align="left"><font color="#3333FF" face="calibri" size="4">
      .: <a href="http://www.gameforge.de" target="_blank">GameForge</a>
<br>
      .: <a href="http://www.bigpoint.it" target="_blank">BigPoint</a>
<br>
      .: <a href="http://www.gameforge.com" target="_blank">Travian Games</a>
</p>
<p align="left"><font color="#3333FF" face="verdana" size="2">
        » Hosting web
</p>
<p align="left"><font color="#3333FF" face="calibri" size="4">
      .: <a href="http://www.altervista.org" target="_blank">Altervista</a>
</p>
<br>
<div id="Title2" align="center"><font color="white" size="4" face="calibri">
<b>Pubblicità</b>
</div>
<p align="center">
<script type="text/javascript">
//<![CDATA[
google_color_border = "003399";
google_color_bg = "FFFFFF";
google_color_link = "3300cc";
google_color_url = "008000";
google_color_text = "000000";
document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=300X250/r='+new Date().getTime()+'"><\/s'+'cript>');

//]]>
</script>
</p>
<div id="Title3" align="center"><font color="white" size="4" face="calibri">
<b>Di tutto e di News</b>

</div>
<br>
<br>
<p align="left"><font color="#3333FF" face="verdana" size="2">
        » SpeedyNews
</p>
<p align="left"><font color="black" face="verdana" size="2">
  <b>Qui...</b>
<br>
GamesChange apre! Allora, cosa aspetti a smanettare un po'? Pubblica un annuncio o cerca qualcosa che ti interessa... approfittane, non si era mai visto un sito così!
<br>
<br>
  .<b>BigPoint</b>... Nuovo Browsergame pronto.
<br>
Si tratta di <a href="http://www.waroftitans.it" target="_blank">War Of Titans</a> un gioco di gladiatori, séguito di Gladiatori II.
</p>
<br>
<hr color="#3333FF" width="80%" align="center">

<br>

<p align="left"><font color="#3333FF" face="verdana" size="2">
        » Statistiche
</p>
<p align="center"><font color="#3333FF" face="calibri" size="4">

<script type="text/javascript">
//<![CDATA[
var l='it';
document.write('<s'+'cript type="text/javascript" src="http://'+l+'.altervista.org/members_inc/cat.av?'+new Date().getTime()+'"><\/s'+'cript>');
//]]>
</script>
<br>

<script type="text/javascript" language="JavaScript" src="http://codice.shinystat.com/cgi-bin/getcod.cgi?USER=GamesChange"></script>
<noscript>
<a href="http://www.shinystat.com/it" target="_top">
<img src="http://www.shinystat.com/cgi-bin/shinystat.cgi?USER=GamesChange" alt="Contatore utenti connessi" border="0"></a>
</noscript>

<br>
<br>
<p align="left"><font color="#3333FF" face="verdana" size="2">
        » Validazione CSS
</p>
<p align="center">
<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-blue"
alt="CSS Valido!" />
</a>
</p>
</div>

</div>
</body>
</html>

**webpaul** · 22-01-2010, 10.46.59

prova a spostare il div con id=Right1 all'interno del div con id=Container

un parere: il codice che hai postato è molto "brutto" e "sporco"... le tabelle ti consiglio di non usarle e passare a un layout html+css, in modo anche da evitare tutte quelle dichiarazioni sui font all'interno della pagina

22-01-2010, 15.48.15

Ok grazie...
ma per quanto riguarda la sporcizia, hai ragione. In effetti sono partito con un'idea tutto box ma poi durante la scrittura, per velocità e comodità ho preferito le tabelle.
Ora quello che m'importa è finirlo al più presto e bene, quando sarà pronto chiamerò un'impresa di pulizie!
Grazie mille per i consigli

Edit:
PS il sito ora funziona, ero convinto che fosse tutto dentro al contenitore

Discussione: [CSS] Problema Con allineamento di 2 Box

LinkBack

Strumenti discussione

Display

[CSS] Problema Con allineamento di 2 Box

Regole di scrittura