- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Mettere un div in basso dentro un altro div
-
Mettere un div in basso dentro un altro div
Ho un div contenitore dove all'interno ci sono altri due div, io vorrei piazzare i div in fondo al div contenitore (nel mio caso "home-a1") .
[HTML]<div id="home-a1"><a href="mini-siti-mirabilandia" class="ulime-notizie-arancione-chiaro">MIRABILANDIA SPECIAL PAGE</a>
<span class="testi-arial-12-titolo">Prova novità 2009</strong></span><br />
<span class="testi-arial-12">testo qualsiasi fsdfas </span>
<div class="testi-arial-12" id="news-altre-leggi-tutto">leggi tutto</div>
<div class="testi-arial-12" id="news-altre-data-sotto">22-10-2009</div>
<
/div>[/HTML]
questo qui su è il codice html[HTML]
#home-a1 {
position: relative;
height: 200px;
width: 300px;
margin-right: 3px;
margin-bottom: 3px;
float: left;
background-color: #F4F4F4;
padding-left: 10px;}
#news-altre-leggi-tutto {
position: relative;
width: 150px;
float: left;}
#news-altre-data-sotto {
position: relative;
width: 120px;
float: right;
text-align: right;
padding-right: 5px;}
[/HTML]
quà su invece il csscome devo modificare il file per fare quello che voglio?
-
Niente, ho risolto da solo, bastava mettere i div dentro con
position: absolute;
bottom: 0px;Non ci avevo pensato prima.
-
Ricordati che posizionare assoluto si fa rispetto il browser... quindi stai attento ad usarlo perche' potresti avere brutte sorprese se qualcuno cambia dimensione della sua finestra del browser.
-
Non è assolutamente vero
Il posizionamento assoluto di un elemento può essere impostato anche all'interno di un div di dimensioni fisse senza quindi doversi andare a preoccupare della risoluzione del browser.Se invece vi fosse la necessità di posizionare in maniera assoluta un oggetto in relazione al tag contenitore "body" allora si vi sarebbe quel problema
ciao!
-
Salve ragazzi.
Perchè rifiutate di iniziare i messaggi con una maiuscola e terminare con un punto come richiesto dalle regole?
-
perche ha me non va?
eppure sulle regole del css ho messo la stessa cosa.....
{
position: absolute;
bottom:0px;
}
-
Anzi ho appena che funziona ma non come speravo.
Cioè, non si posiziona alla fine del div in cui si trova, ma sotto a tutti i div (tutto cio nel Browser), mentre su DW non mi da l'anteprima sulla progettazione. Mba.... strano.
-
Ragazzi ho trovato un'altra soluzione!!
tramite html se mettiamo <div align="bottom"></div> lui lo posizionerà sul fondo, però cambia la posizione sempre da css.
#social {
position:absolute;
bottom:66px;
left: 187px;
width: 807px;
height: 7px;
}Diciamo che non ciò capito molto però funziona.
-
Ma lavori con Internet Explorer?