Кой clear метод ползвате?

август 14, 2010 уеб дизайн

Всеизвестната статия, която всъщност стои и на първа страница в Google при търсене за CSS clear methods,  изрежда начини за clear-ване на float-нати елементи. Напоследък се ползват все повече CSS3 и HTML5 markup и старият начин

<div class=”clear”>&nbsp;</div>

изглежда някак архаичен на фона на всичко останало. Чудиш се как да съкратиш кода и да го направиш по-семантичен и изведнъж този ред разваля цялата идея.

Доста уеб дизайнери вече се отказват тотално от IE6 и в тази връзка мисля да започна да ползвам алтернативния метод по-често.

 

Тагове:

 

2 коментара

  1. Michel казва:
    септември 25, 2010 в 4:43 am

    Аз ползвам малко по-нов метод от този, но и той не е най-новият или модерен! ;)

    За елемента, вътре в който трябва да се осъществи автоматичен <code>clear</code> за съдържащите се в него "плуващи" други елементи (примерно, вътре в <code>#wrap</code> ще "плуват" <code>#main-content</code> и <code>#sidebar</code>), добавям клас <code>.clearfix</code>, а пък в CSS-а е лесно:

    <code>
    .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
    .clearfix {display: inline-block;}
    .clearfix {display: block;}
    </code>

    (source)

    Има и доста по-нови методи, но този засега работи доста добре, а и няма нужда от излишни елементи в HTML-а…

    Като излезе IE9, ще мисля пак, дали да подобрявам нещо… :)

    Отговор
  2. wh1sp казва:
    септември 25, 2010 в 12:14 pm

    А, този линк и преди съм го виждал. Колко жалко че съм я забравил. Мерси, ето какво ще се прави след обяд :)

    Отговор

Вашият коментар