Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: 3 колонки div
 
 автор: sl1p   (30.11.2009 в 17:32)   письмо автору
 
 

заезженая тема, но не могу найти на форуме, ктото выкладывал хорошую ссылку..

3 колонки внутри дива с фикс. шириной.

нужно:
лево-право = fixed;
середина неважно, можно тоже fixed;

заранее спасибо :)

  Ответить  
 
 автор: mihdan   (30.11.2009 в 17:49)   письмо автору
 
   для: sl1p   (30.11.2009 в 17:32)
 

HTML


<div class="wrapper">
    <div class="left"></div>
    <div class="right"></div>
    <div class="center"></div>
</div>


CSS


.wrapper {
    float: left;
    width: 100%;
}
.left {
    width: 100px;
    float: left;
}
.right {
    width: 100px;
    float: right;
}
.center {
    margin: 0px 100px;
}

  Ответить  
 
 автор: sl1p   (01.12.2009 в 00:43)   письмо автору
65.9 Кб
 
   для: mihdan   (30.11.2009 в 17:49)
 

х3, но у меня такой бред получается.. FF, IE, Opera
[аттач]

<div id="content">
        <div id="col2" class="col">
        col2col2col2col2col2col2col2col2col 2 ....
        </div>
        <div id="col1" class="col">
            col1
        </div>
        <div id="col3" class="col">
            col3
        </div>
</div>

#content {
    background: url(/i/ct_bg.jpg) no-repeat top center;
    float: left;
    width: 100%;
}
#col1, #col3 {
    width: 188px;
    float: left;
    background: orange;
}
#col3 {
    float: right;
}
#col2 {
    margin: 0 188px;
    background: lightgreen;
}


пробовал даже на чистой странице без левых стилей и т.п.

  Ответить  
 
 автор: sl1p   (01.12.2009 в 01:00)   письмо автору
 
   для: sl1p   (01.12.2009 в 00:43)
 

упс я извиняюсь с этими шаблонами запутался уже:)
#col2 надо было вниз сунуть)

спасибо!

  Ответить  
 
 автор: sl1p   (01.12.2009 в 01:03)   письмо автору
 
   для: mihdan   (30.11.2009 в 17:49)
 

есть маленький вопросик насчёт IE6

не впервый раз такое замечаю, контент левой колонки двигает буквально на 2-3 пиксела контент центральной колонки, как это решить?

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования