Три колонки

Тема в разделе "Верстка", создана пользователем Doonkan, 29 июн 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. Doonkan

    Doonkan Постоялец

    Регистр.:
    23 ноя 2008
    Сообщения:
    72
    Симпатии:
    1
    Друзья, помогите разбить шаблон на три столбца! мучаюсь вторую неделю, но что то никак, взял за основу стандартный шаблон DLE (pisces)! прикрепляю css и main(html), если есть у кого-то возможность помогите сделать три колонки. Левая и правая 230 px. а серединка резиновая...ну или как получится
     

    Вложения:

    • css.rar
      Размер файла:
      7,2 КБ
      Просмотров:
      5
  2. yaski

    yaski

    Регистр.:
    21 фев 2010
    Сообщения:
    474
    Симпатии:
    277
    ссылку лучше на сайт дай, а то dle из-за тебя ставить не хочется
    Или на вот шаблон набросал, прикрутишь к себе.
    HTML:
    <html>
        <head>
        <meta charset="utf-8" />
            <style>
                .header {
                    background-color: #ccc;
                    height: 100px;
                    width: 100%;
                }
                .footer {
                    background-color: #ccc;
                    height: 100px;
                    width: 100%;
                }   
                #left {
                    background-color: #eee;
                    float: left;
                    height: 100%;   
                    width: 230px;
                }
    
                #right {
                    background-color: #eee;
                    float: right;
                    height: 100%;   
                    width: 230px;
                }   
    
                #center {
                    float: left;
                }
                .wrapper {
                    height: 100%;
                }
            </style>
        </head>
    <body>
    
    <div class="header">
        Шапка
    </div>
    
    <div class="wrapper">
        <div id="left">
            Тут левый блок
        </div>
        <div id="center">
            Центральный блок
        </div>
        <div id="right">
            Тут правый блок
        </div>
    </div>
    
    <div class="wwide footer">
        Подвал
    </div>
    
    </body>
    </html>
     
  3. Doonkan

    Doonkan Постоялец

    Регистр.:
    23 ноя 2008
    Сообщения:
    72
    Симпатии:
    1
    основную структуру я в инете находил, но никак не могу ее к своему шалону прикрутить, все сьезжает ку да то, вот ссыль на сайт
    css и html прикрепил в первом посте
     
  4. yaski

    yaski

    Регистр.:
    21 фев 2010
    Сообщения:
    474
    Симпатии:
    277
    а какая у тебя третья колонка? я вижу только две - sidebar и midside
     
  5. Doonkan

    Doonkan Постоялец

    Регистр.:
    23 ноя 2008
    Сообщения:
    72
    Симпатии:
    1
    так вот 3ю надо прикрутить
     
  6. yaski

    yaski

    Регистр.:
    21 фев 2010
    Сообщения:
    474
    Симпатии:
    277
    в конец таблицы добавь
    HTML:
      <td width="230" valign="top">  
      </td>
     
  7. Doonkan

    Doonkan Постоялец

    Регистр.:
    23 ноя 2008
    Сообщения:
    72
    Симпатии:
    1
    нет, так не работает
     
  8. yaski

    yaski

    Регистр.:
    21 фев 2010
    Сообщения:
    474
    Симпатии:
    277
    работает.
    [​IMG]
    Если не получается прилепить готовый код, велкам в личку, договариваться о цене доработки.
     
    Последнее редактирование: 2 июл 2014
  9. ITeshnik

    ITeshnik Постоялец

    Регистр.:
    21 май 2007
    Сообщения:
    105
    Симпатии:
    5
    У тебя должно быть так как на рисунке под спойлером, обрати внимание, я в контентной части отступ с права тоже поставил 30
     
  10. kenitive

    kenitive Писатель

    Регистр.:
    30 июн 2014
    Сообщения:
    1
    Симпатии:
    0
    при помощи display:flex можно с легкостью создавать любые колонки