gabbia dei contenuti

[remixe]

ciao a tutti,
ho questo problema.: ho realizzato una pagina interamente con i css eliminando tutte le "table".
Ora... mi sembra che va tutto bene tranne n particolare che con tutto l'impegno non riesco a risolvere, e cioè ho una gabbia al centro con sfondo bianco sopra la quale c'è un testo ..ora questa gabbia ( <div></div>) non ne vuole sapere di salire in posizione alta rimanendomi bassa.
Per farvi comprendere meglio quì sotto vi digito il link alla pagina.

e l'xhtml e la regola che ho applicato..fatemi sapere GRAZIE

www.allmediaservice.it/Posizionamento

l'xhtml relativo è:


<div id="MainContent">



Scissor etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc
etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc
etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc
etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc
etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc
etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc
etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc
etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc
etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc
etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc
etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc
etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc
etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc
etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc
etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc
etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc
etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc
etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc
etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc
etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc
etcetc etc etc etc etcetc etc etc etc etcetc etc etc etc</p>
</div>


la regola css che controlla il codice sopra è:

#MainContent {
position: inherit;
margin: 0px 0px 0px 120px;
border: 0;
background: #fff;
color: #000;
height: auto;
}

[floyd46]

ciao
se ho capito bene il div in cui hai inserito il testo (ect) nn è allineato al menu, giusto?
Secondo me dovresti vedere la larghezza sia del menu di sx che il
#MainContent; entrambi dovrebbero darti la somma del 100% visto che hai realizato una struttura a tutta pagina.
Floyd

[remixe]

ok Floyd,
do un attimo un occhiata ai parametri che mi dici tu e ti
faccio sapere subito.

[remixe]

ciao Floyd,
ho dato un occhiata dunque:

per quanto riguarda la gabbia centrale ho ridotto al minimo la larghezza con la regola:

width: 500px;

tuttavia tale gabbia rimane in basso e non allineata al menu di sx.

per quanto riguarda il menu di sx non so se si può fae qualcosa la regola ad esso applicato è la seguente:


#menusx {
text-align: left;
margin: 10;
font-size: 11;
width: 10px;

}

fammi sapere

ciao

[thomas_anderson]

Una cosa che puoi fare è questa:

1. Posizioni il menu col float;
2. Posizioni l'elemento opposto al float con la marginazione, per evitare guai con IE5+;
3. Entrambi dovranno essere posti all'interno di un div contenitore, o se vuoi, direttamente sotto l'header, che ha una width pari al 100%.
4. per il footer:

a) esprimi subito il clear: left;
b) puoi impostare un altezza, o regolare il tutto solo col padding e con il testo che ivi sarà contenuto;
c)se vuoi centrare qualcosa puoi esprimere text-align: center;
d) i margin vanno azzerati;

ciao

[thomas_anderson]

E vai sul sito di floyd46 e scaricatelo tutto: molto meglio e soprattutto più utile di CSS Zengarden.