float

nomn · July 2, 2011

Доброго времени суток. Подскажите пожалуйста как решить проблему с float'ом.

Собственно линк на сетку: http://inkrasnodar.ru/w/GOVNO/index.html

Проблема очевидна. Левая колонка ниразу не левая

Спасибо.

mishka · July 3, 2011

Имеет право на жизнь?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title></title>
    <style type="text/css">
        #wrapper {
            background: #ff0;
            display: table;
            width: 100%;
        }
        .left {
            display: table-cell;
            width: 200px;
        }
        .content {
            display: table-cell;
            background: #f00;
        }
        .holder { position: relative; }
        .box {
            position: absolute;
            width: 50px;
            height: 50px;
            background: #00f;
            left: -25px;
            bottom: -25px;
        }
        *+html .left { float: left; }
        *+html .content { zoom: 1; }
    </style>
</head>
<body>
    <div id="wrapper">
        <div class="left">
            left
        </div>
        <div class="content">
            <div class="holder">
                content
                <br />
                <br />
                <br />
                <div class="box"></div>
            </div>
        </div>
    </div>
</body>
</html>

SelenIT · July 3, 2011

Values other than 'none' potentially introduce clearance. Clearance inhibits margin collapsing and acts as spacing above the margin-top of an element. It is used to push the element vertically past the float.

«Любые значения, кроме ’none’ (т.е. left/right/both — прим. моё) могут приводить к введению „просвета“ (clearance). „Просвет“ запрещает схлопывание margin-ов и работает как пространство над верхним margin-ом элемента. Он используется для „отпихивания“ элемента вниз по вертикали, под „поплавок“»

И чуть ниже в спеке разными словами три раза сказано примерно одно и то же: если верхний margin блока с clear больше, чем выступающая вниз из предыдущего блока нижняя часть «поплавка», то этот margin и работает, если же нет, то к нему добавляется clearance, чтобы итоговый отступ блока с clear от его верхнего соседа по потоку стал в точности равен высоте этой торчащей части «поплавка».

nomn · July 3, 2011

Спасибо форуму, а главное его комьюнити! Буду заходить к вам чаще

amelice · July 3, 2011

Values other than 'none' potentially introduce clearance. Clearance inhibits margin collapsing and acts as spacing above the margin-top of an element. It is used to push the element vertically past the float.
«Любые значения, кроме ’none’ (т.е. left/right/both — прим. моё) могут приводить к введению „просвета“ (clearance). „Просвет“ запрещает схлопывание margin-ов и работает как пространство над верхним margin-ом элемента. Он используется для „отпихивания“ элемента вниз по вертикали, под „поплавок“»
И чуть ниже в спеке разными словами три раза сказано примерно одно и то же: если верхний margin блока с clear больше, чем выступающая вниз из предыдущего блока нижняя часть «поплавка», то этот margin и работает, если же нет, то к нему добавляется clearance, чтобы итоговый отступ блока с clear от его верхнего соседа по потоку стал в точности равен высоте этой торчащей части «поплавка».

Огромное Спасибо за перевод!

Sign In

float

Question

nomn

Link to comment

Share on other sites

29 answers to this question

Recommended Posts

mishka

Link to comment

Share on other sites

SelenIT

Link to comment

Share on other sites

nomn

Link to comment

Share on other sites

amelice

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information