sidebar a destra

[moskitoita]

Sto cercando di realizzare un pagina come da immagine allegata.
Ho trovato due vie diverse ma ciascuna ha un problema:

1)

#sidebar {
position: absolute;
right: 5px;
width: 130px;
}

#content { 
position: absolute;
padding-right: 155px;
}

In questo non riesco a posizionare correttamente il footer

2)

#sidebar {
float: right;
width: 130px;
}

#content { 
position: relative;
padding-right: 155px;
}

In questo se inserisco una tabella con width 100% dentro content mi sfora in sidebar

Avete qualche suggerimento?

[gabip87]

   <div id="header"> </div>

   <div id="content">
         <div id="realContent"> </div>
         <div id="sideBar"> </div>
   </div>

   <div id="footer"> </div>

*
{
   margin: 0;
   padding: 0;
}

#header,
#content,
#footer
{
   width: 600px;
   margin: 0 auto;  
}

#header
{
   background: #333;
   height: 200px;
}

#content
{
   overflow: hidden;
   height: 100%;
}

#realContent,
#sideBar
{
   float: left;
   height: 450px;
   background: #666;
   width: 400px;
}

#sideBar
{
   background: #999;
   width: 200px;
}

#footer
{
   clear: left;
   height: 150px;
   background: #ccc;
}

[moskitoita]

L'ho così modificato

*
{
   margin: 0;
   padding: 0;
}

#header,
#content,
#footer
{
   width: 100%;
   margin: 0 auto;  
}

#header
{
   background: #333;
   height: 200px;
}

#content
{
   overflow: hidden;
   height: 100%;
}

#realContent,
#sideBar
{
   float: left;
   height: 450px;
   background: #666;

}

#sideBar
{
   float: right;
   background: #999;
   width: 130px;
}

#footer
{
   clear: left;
   height: 150px;
   background: #ccc;
}

Ma non riesco a far si che realContent abbia sempre la massima larghezza possibile indipendentemente dalla risoluzione...

[gabip87]

Originariamente inviato da moskitoita

Ma non riesco a far si che realContent abbia sempre la massima larghezza possibile indipendentemente dalla risoluzione...

perchè l'hai lasciata fissa.

[moskitoita]

Originariamente inviato da gabip87
perchè l'hai lasciata fissa.

Ti seguo a fatica...

[gabip87]

scusami, ho visto male. realContent non ha nessuna larghezza...