выпуск css 3 float - PullRequest
Новая
       17

выпуск css 3 float

0 голосов
/ 02 февраля 2011

У меня есть три поплавка, которые мне нужны в три деления, потому что верхний поплавок является динамическим, как опция расширения видео YouTube.в любом случае следующие три с плавающей точкой, два слева и один справа, правый смещается только на второй с правой стороны, но не перемещается выше этого уровня....

1 Ответ

1 голос
/ 02 февраля 2011 
<center>

    <div id="wrap" style="width: 1024px;position:relative;">

        <div id="header" style="width: 100%;">
       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..       header content here..
        </div> <!-- END OF id=header-->

        <div class="clear"></div>

        <div id="leftColumn" style="width: 630px; float: left;">

            <div id="video">
                video here...
            </div>

            <div id="comments">
                comments here and other options...
            </div>

        </div> <!-- END OF id=leftColumn-->

        <div id="rightColumn" style="width: 230px; float: right;">
       related videos here..   (this box goes above and touchs the comment area only, but does not go all the way up to video area, what im doing wrong? btw i cant put comment and video in same div, because of some dynamic feature.
        </div> <!-- END OF id=rightColumn-->

    </div> <!-- END OF id=wrap-->

</center>

http://jsfiddle.net/borayeris/tDdvA/

...