PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Три блока, из которых только у 2ух известно width

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

antobra	Отправлено: 12 Июня, 2012 - 18:05:01
Посетитель Покинул форум Сообщений всего: 327 Дата рег-ции: Окт. 2010 Помог: 1 раз(а)	Подскажите, кто знает. У нас есть: CODE (html): скопировать код в буфер обмена <!-- Левая колонка --> <div style="float: left; width: 200px;"></div> <!-- Центр --> <div style="float: left;"></div> <!-- Правая колонка --> <div style="float: left; width: 150px;"></div> Из кода понятно, что выглядеть должно как php.su, т.е. слева столбец, справа столбец и по середине основной поле для информации. А мне нужно сделать так, что поле по центру должно растягиваться на широту width страницы. Т.е. левая колонка должна быть 200, правая 150, а по центру растягиваться согласно width странички. Знаю, как это сделать с помощью JS, но хотелось бы узнать: можно ли что-то придумать на CSS? Спс.

voskan	Отправлено: 12 Июня, 2012 - 18:48:19
Посетитель Покинул форум Сообщений всего: 305 Дата рег-ции: Нояб. 2010 Помог: 0 раз(а)	можно сделать проще , таблицой <table> <td>1</td> <td>2</td> <td>3</td> </table> задать в боди максимальный размер всей страницы, после установить по краям таблицы размер а центр сам определится. ----- http://www[dot]voskan[dot]ru

antobra	Отправлено: 12 Июня, 2012 - 18:56:48
Посетитель Покинул форум Сообщений всего: 327 Дата рег-ции: Окт. 2010 Помог: 1 раз(а)	voskan, спс, я так думал. Но к сожалению коллеги против Table, все-таки устаревшее. Ищем способы на DIV'ах(

voskan	Отправлено: 12 Июня, 2012 - 19:03:04
Посетитель Покинул форум Сообщений всего: 305 Дата рег-ции: Нояб. 2010 Помог: 0 раз(а)	таблицы не замедляют ничего да и никто в исходный код не смотрит ) главное хорошее отображение а как ты добился всем пофигу это мое мнение удачи в поисках. http://htmlbook[dot]ru/layout вот может там найдешь ----- http://www[dot]voskan[dot]ru

DeepVarvar	Отправлено: 12 Июня, 2012 - 19:18:42
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	CODE (text): скопировать код в буфер обмена .leftwrapper { float: left; width: 150px; border-right: solid 1px #f00; } .rightwrapper { float: right; width: 200px; border-left: solid 1px #00f; } .container { margin: 0 200px 0 150px; } CODE (html): скопировать код в буфер обмена <div class="leftwrapper"></div> <div class="rightwrapper"></div> <div class="container"></div> ----- Шта? Репозиторий?

voskan	Отправлено: 12 Июня, 2012 - 19:31:06
Посетитель Покинул форум Сообщений всего: 305 Дата рег-ции: Нояб. 2010 Помог: 0 раз(а)	DeepVarvar флоат иногда с мобильников плохо отображается. ----- http://www[dot]voskan[dot]ru

DelphinPRO	Отправлено: 12 Июня, 2012 - 19:52:34
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	voskan пишет: главное хорошее отображение а как ты добился всем пофигу не всем. Блочный код легче поддерживать и расширять. DIV-ная верстка это не только модно, но и практично. ----- Чем больше узнаю, тем больше я не знаю.

DeepVarvar	Отправлено: 12 Июня, 2012 - 19:58:02
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	voskan пишет: флоат иногда с мобильников плохо отображается Конкретный пример в студию. (Добавление) Для моей разметки. ----- Шта? Репозиторий?

DelphinPRO	Отправлено: 12 Июня, 2012 - 19:59:49
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	voskan, код приведенный DeepVarvarом - пожалуй самый популярный в сети для трех колонок ----- Чем больше узнаю, тем больше я не знаю.

antobra	Отправлено: 14 Июня, 2012 - 09:34:32
Посетитель Покинул форум Сообщений всего: 327 Дата рег-ции: Окт. 2010 Помог: 1 раз(а)	DeepVarvar, отличный способ. Потратил время, поискал в интернете другие варианты и этот реально самый лучший и простой способ. Только мне потребовалось в центральный контейнер выставить width: auto, иначе он вылазил и проходил сквозь правую колонку. Вам плюсик в Помог)))

DeepVarvar	Отправлено: 14 Июня, 2012 - 10:17:43
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	antobra пишет: иначе он вылазил и проходил сквозь правую колонку правый марджин надо было нарулить. (Добавление) antobra пишет: width: auto Оно по умолчанию таковым является. ----- Шта? Репозиторий?

tuareg	Отправлено: 14 Июня, 2012 - 11:56:33
Участник Покинул форум Сообщений всего: 1234 Дата рег-ции: Июнь 2010 Помог: 69 раз(а)	А чем вам это не нравится? http://csstemplater[dot]com/

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.