Показать сообщение отдельно
  #1 (permalink)  
Старый 13.03.2013, 20:31
Интересующийся
Посмотреть профиль Найти все сообщения от gordon freeman
 
Регистрация: 29.09.2011
Сообщений: 11

Тестируем вместе -- 2 колонки на div-ах, 1 фиксируемый второй растягивается
Чет в интернете школота и говнокодеры предлагают очень кривые решения

Особенно взбесило вот это говно
http://htmlbook.ru/content/dve-kolon...igatsiya-sleva

стоит только прописать в коненете clear:both; как все нахрен разъезжается

Предлагаю свой вариант

Кому не лень протестируйте в различных браузерах, старых и новых и отпишитесь

В новых пашет везде

<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
 .main {
        padding: 0 0 0 237px;
        border: 1px solid #ff0000;
 }
.pageLeft {
    float: left;
    margin-left: -237px;
    overflow: visible;
    padding-top: 15px;
    width: 237px;
    border: 1px solid #000000;
    position: relative;
}
.pageContent {
    float: left;
    margin-right: -100%;
    padding-top: 18px;
    width: 100%;
    border: 1px solid #000000;
    position: relative;
}
.clear {
    border: none;
    clear: both;
    float: none;
    font-size: 0;
    height: 0;
    line-height: 0;
}
.block {
    float: left;
    width: 150px;
    height: 50px;
    border: 1px solid #0000ff;
}
</style>
    </head>
    <body>
        
        
        <div class="main">
            <div class="pageLeft">1230</div>
            <div class="pageContent">123
                <div class="block">
                    123000
                </div>
                <div class="block">
                    123000
                </div>
                <div class="block">
                    123000
                </div>
                <div class="block">
                    123000
                </div>
                <div class="clear"></div>
            </div>
            
            <div class="clear"></div>
        </div>
        
    </body>
</html>


Песочница

http://learn.javascript.ru/play/toRDN


Последний раз редактировалось gordon freeman, 13.03.2013 в 20:50.
Ответить с цитированием