Qualcuno mi da una mano con questo problema di layout?

[angie_iu]

Nel sito che ho costruito (indirizzo provvisorio: it.geocities.com/angela.iussig ) la colonna della navigazione a destra compare nella giusta posizione in 1024x768, e appare invece spostata in 800x600.

il codice che ho applicato è:

#rightcolumn{

float: left;
width: 212px;
margin-left: -356px;
margin-top: -30px;
background-color: #EFF4F8;
padding-left:10px;
background:url(immagini/foglie.gif) no-repeat;
background-position:bottom;

che devo fare?
lo so che è una cavolata...e che succede evidentemente perchè è posizionata in maniera fissa...ma sono ancora alle prime armi e non so cosa devo fare per far sì che non si sposti quando cambio risoluzione.

grazie 1000

[jackalt]

ti conviene creare un div contenitore a larghezza fissa e metterci dentro tutti gli altri, rightcolumn compreso, altrimenti il problema della risoluzione non lo risolverai mai...

Nel caso, posiziona come relative il contenitore e come absolute il rightcolumn...

[angie_iu]

non funziona....

posto tutto il css:


body{
margin:0;
padding:0;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
color: #333300;
font-size: small;
}

#container {
position:relative;

}



b{font-size: 110%;}
em{color: red;}


#topsection{
background:url(immagini/header_02.gif) no-repeat;
background-position:center;
height: 295px;

}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 212px; /*Set right margin to RightColumnWidth*/
margin-left: 150px;
text-align: justify;
width:450px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;




}
h3 {

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

#rightcolumn{
float: left;
width: 212px;
margin-left: -356px; /*Set left margin to -(RightColumnWidth) */
margin-top: -30px;
background-color: #EFF4F8;
padding-left:10px;
background:url(immagini/foglie.gif) no-repeat;
background-position:bottom;
position:relative;

}

#footer{
clear: left;
width: 100%;
background: url(immagini/Footer.gif) no-repeat;
background-position:center;
color: #FFF;
text-align: center;
padding: 4px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
white-space: pre;
}

#footer a{
backgroud-color: #FFF;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size: 10px;
color: #999999;
white-spacere;

}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

h1 {
font-family: Helvetica, Arial,, sans-serif;
font-size:10px;
font-weight:bold;
line-height:1.5;
white-space: pre;
word-spacing: normal;
letter-spacing: inherit;
}

h2 {font-family:Helvetica, Arial, sans-serif;
font-size:12px;
font-weight:bolder;
line-height:1.5;}

a:link{
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
color:#000000;
}
a:visited{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none}

a:hover {
font-family:Arial, Helvetica, sans-serif;
color:#D5006A;
text-decoration:underline;
font-weight:bolder;}

a: active {
font-family:Arial, Helvetica, sans-serif;
color:#D5006A;
text-decoration:underline;
}

#contatti{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
white-spacere;
}



come dovrei fare?
se provate a ridurre la finestra del browser ...la colonna della navigazione si sposta.

[jackalt]

nel tuo css hai scritto:

#container {
position:relative;
}

però devi specificare una larghezza altrimenti non risolvi nulla... prova così, sostituendo il valore 800 con quello che serve:

#container {
position:relative;
width: 800px;
margin: 0 auto;
}

[angie_iu]

allora..ho provato...
però così mi crea un altro problema e cioè: la colonna di navigazione e il testo del contenuto si avvicinano uno verso l'altra e si sovrappongono. Se li sistemo....si spostano nelle altre pagine...
che casotto....

grazie cmq del tuo aiuto

[angie_iu]

attenzione!!!!!!!!
ho trovato...c'erano altri errori!!!!


quindi funziona...
l'unica cosa che volevo chiedere è questa...

è dunque impossibile creare un layout floido che si ridimensiona con la finestra del browser...mettendo una immagine di sfondo nella colonna di navigazione???

ciaoooooooooo grazie

[jackalt]

è possibile ma in un layout fluido la colonna deve stare sempre attaccata al bordo destro dello schermo e usare le percentuali per dimensionarsi... la tua era posizionata come in un layout fisso perchè il design prevedeva quello...