mam strony HTML, która zawiera Inline bloku div
S o różnych wysokościach (oznaczone .banner
klas)pionowo wyrównywanie elementów inline bloków o różnych wysokościach
<html>
<head>
<body>
<div id="container">
<div id="header" style="margin: 0; width: 100%">
<div>
<div class='banner'> ... </div>
<div class='banner'> ... </div>
<div class='banner'> ... </div>
</div>
.banner {
display: inline-block;
}
mają różne szerokości i są dodawane w czasie wykonywania . Układ witryny wygląda paskudnie, a banery nie są wyrównane w pionie.
Z nieznanych przyczyn div
nie zaczyna się od lewego górnego rogu, ale na górze jest trochę pustego miejsca. Jak wyrównać go do następnego banera w pionie (np. Ustawić wyrównane linie dolne)?
Używam jQuery, jQueryUI i ASP.NET MVC2.