Имам следната структура:
Тук целта е да подредя съответно header-а най-отгоре, после wrapper, а накрая footer.
Проблемите идват от средния елемент. В него трябва да има 4 колони с предварително зададена ширина. Важно е да са плътно една до друга. Ето пример! Тук съм ги направил inline-block, за да се наредят едно до друго, но както се вижда, между тях се появява едно гадно малко разстояние. То изчезва единствено, ако ги направя block, но пък тогава застават едно под друго. За да ги върна пак едно под друго им добявям float: left. Тогава пък wrapper, в който се намират, изчезва (става безкрайно малък, сякаш няма нищо в него) и footer-а се озовава под колоните - снимка. Какво да правя в този случай?
HTML:
<header id="header">
header
</header>
<section id="wrapper">
<nav>
ляво<br /><br /><br /><br />ож
</nav>
<section id="lcontent">
център-ляво
</section>
<section id="rcontent">
център-дясно
</section>
<aside>
дясно
</aside>
</section>
<footer>
footer
</footer>Проблемите идват от средния елемент. В него трябва да има 4 колони с предварително зададена ширина. Важно е да са плътно една до друга. Ето пример! Тук съм ги направил inline-block, за да се наредят едно до друго, но както се вижда, между тях се появява едно гадно малко разстояние. То изчезва единствено, ако ги направя block, но пък тогава застават едно под друго. За да ги върна пак едно под друго им добявям float: left. Тогава пък wrapper, в който се намират, изчезва (става безкрайно малък, сякаш няма нищо в него) и footer-а се озовава под колоните - снимка. Какво да правя в този случай?
