div in basso rispetto al suo contenitore

joey.santiago

div in basso rispetto al suo contenitore

salve a tutti,

sto scervellandomi da qualche tempo su questo quesito:

come posizionare un div all'estremità inferiore del suo contenitore?

la situazione è questa:

ho un div header al quale ho settato come sfondo un'immagine. all'interno di questo div ne ho inserito un altro che contiene un menu a tabs. ovviamente questo dovrebbe essere all'estremità inferiore dello header.

        <div id="header">
            <div id="top_menu">
                <ul>
                    <li class="now">Hotel</li>
                    <li><a href="#" id="ristorante">Ristorante</a></li>
                    <li><a href="#" id="vineria">Vineria</a></li>
                </ul>
            </div>
        </div>

ho provato con questo css:

div#header{
    width: 770px;
    height:230px;
    background-image: url('immagini/hotel_1.jpg');
    position:relative;
}
div#header div#top_menu{
    padding:0;
    position:absolute;
    bottom:0;
    right:0;
}

in modo da inserire il div col menu in basso... ma con konqueror me lo inserisce esattamente 11px più in alto... se correggo (bottom:-11px), con firefox mi viene sballato, ecc...

che fare?

grazie mille!

pcamoxy

Ho bisogno di capire una cosa:
vuoi che il menu risulti allineato al fondo dell'header perchè pensi di cambiare ogni volta l'immagine/dimensioni dell'header o solo ti basta fare in modo che il menù sia separato di un numero esatto di pixel dall'immagine di sfondo rappresentata?

joey.santiago

no, vorrei solo che la parte bassa del menu fosse allineata verticalmente con la parte bassa dell'immagine... una cosa così:

scusa, l'immagine non è un granché, ma spero dia l'idea...

grazie mille!

misterwo

scusa..ma definisci alla lista le proprietà...
alla ul gli levi il list-style e alle songole li dai un flaot in modo che salgano...

come hai fatto tu resta si in basso...ma manca un piccolo sforzo per avere il risultato della foto...diciamo che "fatto 30" ora "devi fare 31" (che filosofo...hihihihi mi prendo in giro da solo)

ciuz...se hai problemi fammi sapere che li vediamo

joey.santiago

capito... non il perché, ma così funziona.

avevo inserito nel css l'altezza di 30 px al div che contiene il menu... quindi me lo spostava in alto di qualche px. togliendo quella cosa, funziona!

sì, in effetti non è necessario quel div, ma mi sembra più chiaro così il codice...

comunque, grazie mille!!