se tolgo height il div scompare...

[freank]

salve ragazzi,
mi succede una cosa strana...
ho due menù orizzontali, uno sopra e uno sotto la pagina.
Per quello di sotto nessun problema. restringendo la finestra funziona tutto perfettamente.
per quello di sopra invece (costituito da 3 div (sinistra, centro e destra) sto avendo dei problemi).

<div id="TopNavWrap">
<div id="NavSx"></div>
<div id="TopNav">
<div class="ButtonNavTop"><a href="ecc.ecc."/>&nbsp;HOME&nbsp;</a></div>
<div class="ButtonNavTop"><a href="ecc.ecc."/>&nbsp;INDIEGAMES&nbsp;</a></div>
</div>
<div id="NavDx"></div>

se infatti tolgo il valore height a NavSx ( o NavDx che è praticamente la stessa cosa) questo div scompare.
Penso succeda perchè esso ( ha un float : left, necessario per l'allineamento ed ) è vuoto.
css del div NavSx:

#NavSx {
width: 5%;
height: 100%; -> che voglio togliere
background-image:url("../Images/menu_left.png");
background-size: 100% 100%;
background-repeat: no-repeat;
float: left;

Come posso farlo "restare" togliendo il valore height ?

p.s. tolgo height perchè devo fare che si adatti alla pagina nel momento in cui si ristringe.

p.p.s. il sito in questione è questo : http://freankexpo.net

[tampertools]

prova con

#contenitoreNav::after {
    clear: both;
    content: " ";
}

Oppure puoi provare con min-height anziché height

[freank]

dove dovrei inserire contenitore nav afther ?

min-height non ha problemi su ie ?

[tampertools]

dove dovrei inserire contenitore nav afther ?

??? Aggiungi la regola al css e basta

min-height non ha problemi su ie ?

Direi che di ie7 puoi fregartene

[freank]

fatto. ma la situazione non cambia. continua a scomparire in tutte e due i modi...

[freank]

nada eh ?

[Prill]

il tuo menu in alto ha un posizionamento fisso e un'altezza di 45px. Quando si restringe la finestra i link del menu si distribuiscono su più di una riga e non sono più visibili. Puoi, usando le media queries, assegnare altezze diverse al box a seconda della larghezza della finestra (o anche un margin-top diverso al contenitore seguente)

[freank]

si, prill. fino lì ci sono. il problema si pone per gli angoli.
il menù superiore è diviso in 3 parti. angolo sinistro, parte centrale, angolo destro.
la parte centrale non da problemi (dato che ci sono i contenuti dentro) ma gli angoli ( destro e sinsitro) avendo solo il background e nessun contenuto, se levo il valore dell' altezza (per fare in modo che si adattino a seconda dell'altezza della parte centrale), scompaiono.
Idee ?

[Prill]

a me pare che ora vada bene, lo sfondo si adatta all'altezza del menu (c'è il problema della sovrapposizione con gli altri contenuti per cui dovrai fissare un padding o margin-top diverso con le media queries)

[freank]

si, ho appena risolto. Ho sistemato inserendo un position : absolute. Non ci avevo pensato prima.