layout "solido" coi css -- problemucci

[ascaso]

http://www.schermastorica.it/

Al soprastante indirizzo potrete visualizzare un sito che sto ultimando.
L'ho costruito coi css (se usate firefox con le tools per il web potrete vedere html, css e javascript utilizzati se no li posto).
Lo sottopongo alla vosta valutazione (graditi assolutamente consigli e critiche su layout e navigabilità) e vi chiedo se mi potete aiutare con un problema:

Con IE6 se si preme ricerca, preferiti, cronologia nella barra degli strumenti si apre la colonna a sx e tra il testo
e il menù orrizzontale del mio sito si "apre" un vuoto che normalmente non c'è. A cosa è dovuto?

C'è ne sarebbero altri ma provo a risolvermeli...

GRAZIE

[JHammer]

Non è un layout solido!
Non ho esaminato il CSS ma dal comportamento deduco che il contenuto ha dimensione fissa (ok per un layout solido) mentre la barra di navigazione sulla destra è flottante (meno bene).
Il vuoto si crea anche modificando la dimensione della finestra perchè dovendo la barra allinearsi a destra ti sposta il testo sotto.

Soluzione : assegna una posizione fissa alla barra! Ad esempio position:relative a contenitore e absolute a barra poi setti la posizione con left:500px o quello che è.

[JHammer]

Sto parlando della barra verticale...ma fissare anche quella orizzontale invece di flottare i pulsanti sarebbe opportuno.

[ascaso]

Beh questo è un consiglio, diciamo da professionista..io non ho considerato il fatto che tutti gli elementi andassare fissati per benino per creare un layot sollido.
ora ce provo...
Merci

[ascaso]

Mi sto menando col css...
guarda se mi puoi dare una mano,ti posto parte del codice..TE NE SAREI GRATO

BARRA NAVIGAZIONE ORRIZZONTALE:
#navigation {


position:absolute;
margin-right:180px;
margin-left:160px;
padding:1em;
border:2px solid #000;
}
CONTENT:

#content {

top:100px;
position:relative;
background-color:#000000;
padding-top:20px;
padding-left:20px;
width:600px;
margin-top:20px;
margin-left:20px;
margin-right:20px;


}

MENU A TENDINA:
#sidebar-a {
position:absolute;
top:400;
left:690px;
width: 200px;
\width: 200px;
w\idth: 200px;
margin: 0;
padding-top: 75px;
padding-left: 15px;
padding-right: 15px;
background: #000000;
FOOTER:
#footer {
position:absolute;
clear: both;
padding-top: 6px;
padding-bottom: 6px;
margin-top: 0;
text-align: center;
background-color:#000000;

[JHammer]

Pensavo a uno schema di questo tipo

CSS

#container  { position:relative; }	  
	
#content   { width:500; }
	
#sidebar  {position:absolute; left:500; width:200;}

HTML

<div id = "container">

 <div id = "sidebar">
  </div>

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

</div>

[ascaso]

Quello che manca a me è il container..cioè un div che contenga tutto dalla testata al footer...e poi parametrizzare il tutto..solo largo 500 il content?
Come puoi vedere ora c'è un po' di casino tra position absolute e realtive: http://www.schermastorica.it

Non so spiegarmi bene cosa han subito il menu orrizontale ed il footer.

Ti saluto e Ti ringrazio

[ascaso]

Tag div che contiene altri tag div non è poco ortodosso?

[JHammer]

Originariamente inviato da ascaso
Quello che manca a me è il container..cioè un div che contenga tutto dalla testata al footer...e poi parametrizzare il tutto..solo largo 500 il content?
Come puoi vedere ora c'è un po' di casino tra position absolute e realtive: http://www.schermastorica.it

Non so spiegarmi bene cosa han subito il menu orrizontale ed il footer.

Ti saluto e Ti ringrazio

Maronna mia!!! VVoVe: CHE HAI FATTO ???

Un momento...forse ho capito...mi sembra che hai posizionato in modo fisso la barra sulla destra...bene...ma ora hai 'liquidato' il content! se non fissi la dimensione del content questo si allarga e ti copre la barra!!! Ovvio!!!
Il footer poi flotta sulla destra...e quindi ecco perchè il testo si dispone attorno!

Il content largo 500? Nei layout fissi@800x600 ho visto content anche di 450 o meno...ma questo non ha importanza! Fallo largo quanto basta a te!

Ma perchè non ti dai un'occhiata agli ottimi tutorial di HTML???
link

[JHammer]

Originariamente inviato da ascaso
Tag div che contiene altri tag div non è poco ortodosso?

Assolutamente no!
Anzi la 'pratica' di usare un div 'container' è praticamente standard!!!