Ho una lista non ordinata in stile da visualizzare orizzontalmente. Uno degli elementi li contiene un elemento div. Questo elemento div viene riempito usando ajax, sebbene non dovrebbe avere importanza.Allinea div con la parte superiore di un contenitore
L'elemento div ha un'altezza maggiore rispetto al resto degli elementi li e per impostazione predefinita si allinea con il fondo del contenitore padre.
Aggiornamento: Beh, non è così imbarazzante. Ho codificato un esempio più semplice in jsfiddle http://jsfiddle.net/Bfp3K/ e funziona correttamente. Devo controllare di nuovo il mio codice per ottenere l'errore nella sandbox.
Update2: Dopo tutto non è stato così facile. Ho aggiunto la mia soluzione proposta (e usata).
Update3: Ignora la risposta precedente, non era corretta. Questo è un esempio semplificato e verificabile del problema:
JSFiddle: http://jsfiddle.net/Bfp3K/10/
CSS:
#one {
background-color:red;
}
#two {
background-color:green;
}
#three {
background-color:yellow;
}
#four {
background-color:blue;
}
.normal {
height:100px;
width:200px;
display:inline-block;
}
.big {
height:200px;
width:300px;
display:inline-block;
}
ul {
display:block;
}
ul li{
display:inline;
}
HTML:
<ul>
<li><div id="one" class="normal">One</div></li>
<li><div id="two" class="normal">Two</div></li>
<li><div id="three" class="normal">Three</div></li>
<li><div id="four" class="big">
The last div vertically aligns to it's content's last line of text. I want to align the top of all the colored divs.
</div></li>
</ul>
Immagini:
Che la soluzione dovrebbe aspetto: Quello che il problema si presenta come:
è possibile caricare alcune html e css corrente per favore? – LazerSharks
Nessun codice, non può aiutare ... – Terry
Bello. Puoi sempre rispondere alla tua domanda haha – LazerSharks