Problema con i blocchi css

[daniele.a287]

Ciao, premetto che sono nuovo del forum e non so se questo è il posto guisto per risolvere il mio problema, cmq spero che mi possiate aiutare.

Arrivo subito al dunque, ho una pagina html impostata in questo modo:

container che contiene (navigation, content, footer)
ovviamente ogni blocco di questi è regolato da regole css.

il problema è che se metto subito dopo il blocco content un altro blocco per esempio un blocco con una classe = prova, quando vado ad aggiungere degli oggetti all'interno del blocco conteiner il blocco si allunga verso il basso ma va a sovrascrivere il blocco con classe prova.
Praticamente il blocco prova non si abbassa in base al contenuto del blocco contet ma rimane fisso e content se ha degli oggetti in più lo sovrascrive.

Faccio presente che il posizionamento del blocchi lo regolo con l'attributo position = "absolute" e poi con i vari attributi come top, left, .... posiziono il blocco dove mi fa più comodo.

Se la cosa può aiutare posso allegare l'intero codice,fatemi sapere..

Grazie in anticipo

[Mich_]

Non usare il postition:absolute
E` una delle cose piu` compelsse da usare, e gli effetti nel suo uso sono quelli che vedi.

Nota che il 95% dei layout si possono realizzare senza posizionamenti assoluti.
Se hai dubbi, vedi i layout pronti che ci sono in giro per la rete (alcuni riferimenti tra i "link utili")

[daniele.a287]

Ciao, grazie per l'aiuto è da una settimana che sono fermo..
Togliendo un po di position absolute sembra che vada bene.
ora però è saltato fuori un altro problema, praticamente il blocco content lo mette subito dopo il blocco navigation. Ti copio sotto il codice css
#content{
margin-top: 0px;
margin-left: 210px;
background-color: #999999;
border:solid #FFFF00 2px;
width: 867px;
clear: right;
}

#navigation {
width: 200px;
border: 1px solid #FF0000;
margin-top: 2px;
font: 11px Arial, Helvetica, sans-serif;
float: left;
}
.login{
background:#CCCC00;
border: 1px solid #FF0000;
width: 200px;
font: 11px Arial, Helvetica, sans-serif;
text-align: center;
}

fai contro che la pagina è impostata così:
conteiner che contiene (header, navigation, login e content)
praticamente login deve venire sotto navigation, e sia navigation che login devono essere messi alla sinistra di content.

Grazie ancora per l'aiuto

[Mich_]

E` inutile postare il CSS senza l'HTML cui si riferisce. Mancano i riferimenti per capire cosa deve fare.
E quando posti del codice, usa i tag corretti, altrimenti si perde la formattazione.

Originariamente inviato da daniele.a287

fai contro che la pagina è impostata così:
conteiner che contiene (header, navigation, login e content)
praticamente login deve venire sotto navigation, e sia navigation che login devono essere messi alla sinistra di content.

Grazie ancora per l'aiuto

La struttura deve essere di questo tipo:

<div id="container">
  <div id="laterale">
    <div id="navigation"> ... </div>
    <div id="blogin"> ... </div>
  </div>
  <div id="content"> ... </div>
</div>

Laterale dovra` avere float: left.