Помощь в поиске изящного решения

Тема в разделе "Веб-дизайн", создана пользователем V_R, 25 ноя 2010.

Статус темы:
Закрыта.
Модераторы: zek24
  1. V_R

    V_R

    Регистр.:
    16 май 2008
    Сообщения:
    227
    Симпатии:
    60
    Господа форумчане помогите найти решение:Есть такой код:
    <div id="content">
    <div class="bloc">Блок1</div>
    <div class="bloc">Блок2</div>
    <div class="bloc">Блок3</div>
    </div>
    Как отцентртровать эти блоки по горизонтали с учетом того что id="content" имеет резиновою ширину то есть при любом разрешении экрана блоки выравнивались по горизонтали

    Блок1 Блок2 Блок3

    Спасибо всем кто поможет.
     
  2. comua

    comua Постоялец

    Регистр.:
    26 фев 2008
    Сообщения:
    110
    Симпатии:
    31
    как вариант

    http://www.xiper.net/collect/html-and-css-tricks/karkas-verstki/kolonki-ravnoy-visoty.html#r3
     
  3. V_R

    V_R

    Регистр.:
    16 май 2008
    Сообщения:
    227
    Симпатии:
    60
    comua Спасибо конечно но там расматриваються Колонки одинаковой высоты а не центрирование колонок по горизонтали
     
  4. polyetilen

    polyetilen Заблокирован

    Регистр.:
    10 авг 2006
    Сообщения:
    814
    Симпатии:
    474
    HTML:
    
    #content .bloc{
        float:left;
        width:33%;
    }
    
     
  5. bork75

    bork75 Д☼брая собака )

    Регистр.:
    21 июн 2008
    Сообщения:
    1.449
    Симпатии:
    716
    самый лучший вариант

    HTML:
    
    <div id="content"> 
           <div id="left">текст</div> 
            <div id="right">текст</div> 
       <div id="main"></div>
     </div>
     
     
     <style>
     #content {width: 100%;float: left;}
    #left {width: 30%;float:left; background:#999999; }
    #main { background:#0099cc; margin:0 30% 0 30%px; height:150px;}
    #right {width: 30%;float:right; background:#999999;}
     
     </style>
    
     
  6. V_R

    V_R

    Регистр.:
    16 май 2008
    Сообщения:
    227
    Симпатии:
    60
    bork75 Спасибо как раз так и делал только в теге main не прописал height в этом бала ошибка
     
  7. bork75

    bork75 Д☼брая собака )

    Регистр.:
    21 июн 2008
    Сообщения:
    1.449
    Симпатии:
    716
    height не нужен.

    Я его просто написал, потому, что див пустой

    спасибо, кнопкой ))
     
    V_R нравится это.
Статус темы:
Закрыта.