 Расположение трёх колонок (div-вов) с помощью CSS |
| веб-мастеру | блог веб-мастера | Статьи Веб-Мастера | SEO Tools | книги веб-мастеру |
Здравствуйте, гость ( Вход | Регистрация )
  |
| Николай Мурашкин |
 8.7.2008, 12:49
Сообщение
#1
|
 Прохожий  Группа: Пользователи Сообщений: 2 Регистрация: 7.7.2008 Пользователь №: 960  |
Здравствуйте!
Помогите, пожалуйста, разобраться в следующем вопросе: Нужно расположить правильно три колонки (левая, центральная - текст, правая), сделанных с помощью div-вов. При этом нужно, чтобы в HTML-коде сначала шёл текст (центральная колонка), потом левая колонка, за ней - правая. А на странице отображалось так: левая - слева, текст - по центру, правая - справа. Подробнее >>> Код должен быть такой (т. е. колонка с текстом выше остальных): Код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Страница</title> </head> <body> <div class="content"> <div class="text">Центральная колонка - текст</div> <div class="left">Левая колонка</div> <div class="right">Правая колонка</div> </div> </body> </html> А на странице должно отображаться так как обычно: текст - по центру, колонки - по бокам. Использовал свойства CSS "float" и "clear", не получилось! Может не правильно использовал, а может что-то ещё нужно? --------------------  |
   |
 
|
| gid |
8.7.2008, 18:01
Сообщение
#2
|
|
Администратор форума Группа: Главные администраторы Сообщений: 623 Регистрация: 27.11.2006 Из: Россия Пользователь №: 1 |
Классический вариант сайта сделанного в 3 колонки - seo.su.
А если в двух словах, то там все организованно за счет абсолютного позиционирования (position: absolute;) и задания абсолютных позиций (left: 0px; и right: 0px;), при этом колонки имеют ширину выраженную в %. Средняя колонка находится посередине, т.к. ее искусственно "урезали" (margin: 0 25% 0 25%; ). -------------------- Хочу жить на о.Самуи
Раскрутка Вашего сайта | Пишу php скрипты на заказ | Регистрация Вашего сайта в каталогах |__| RU-домены за 170 рублей |__| SU-домены за 460 рублей |__|  | - | - | - | ICQ: 6-426-630 |
|
|
|
| Николай Мурашкин |
8.7.2008, 21:09
Сообщение
#3
|
|
Прохожий Группа: Пользователи Сообщений: 2 Регистрация: 7.7.2008 Пользователь №: 960 |
Ясно, спасибо!
-------------------- |
|
|
|
 |
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0
|
Текстовая версия | Сейчас: 7.9.2008, 2:55 |
Русская версия Invision Power Board
v2.1.7 © 2008 IPS, Inc.
Посетите наши проекты:
Бодибилдинг.info - эффективные упражнения для похудения;
скачать язык программирования