clearfix и ff 3.5.5
да, есть методы получше. Просто столкнулся с этой проблемой и решил поделиться. Ну и может кто-нибудь сможет что-нибудь интересное рассказать (;
речь идет о способе, позволяющем "пофиксить" высоту контейнера с учетом его float'ов. Глючит, например, в ff 3.5.5, если URL содержит якорь #asd: содержимое div.clearfix скроллиться вверх <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
h1 { margin: 0; }
#container { overflow: hidden;
background: red; }
.clearfix:after { content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
</style><!-- main stylesheet ends, CC with new stylesheet below... -->
<!--[if IE]>
<style type="text/css">
.clearfix {
zoom: 1; /* triggers hasLayout */
} /* Only IE can see inside the conditional comment
and read this CSS rule. Don't ever use a normal HTML
comment inside the CC or it will close prematurely. */
</style>
<![endif]-->
</head>
<body>
<div id="container">
<div class="clearfix">
<h1>H1</h1>
<div id="asd"></div>
</div>
</div>
</body>
</html>
|
As for me,
<div style="clear: both; height: 0px; overflow: hidden">никогда особо лишним не будет. Зато будет работать железобетонно во всех браузерах настоящего и будущего. Нарываясь на холивар, все же скажу: используя клир разметкой, мы немного засираем html; используя clearfix, мы немного засираем css. А если нет разницы... :) |
Цитата:
Цитата:
а height: 0px зачем? |
Цитата:
Цитата:
Цитата:
Да и улучшению читаемости и семантики css клирфикс, имхо, не способствует. Цитата:
|
Цитата:
Цитата:
Цитата:
Цитата:
Цитата:
я просто плохо понял, что Вы имели в виду. Overflow: hidden понятно зачем. Height: 0 - непонятно. Clear: both - не очень понятно. Речь шла о том, чтобы "float'ы в контейнер запихнуть" |
Цитата:
Цитата:
|
Цитата:
|
Цитата:
Цитата:
|
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 14:19. |