PHP.SU

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

PHP.SU Портал

Главная

Помощь

Поиск

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

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

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

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

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

Div Div and Float

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

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

Описание: помогите решить проблемку

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

nordghost	Отправлено: 09 Ноября, 2012 - 10:16:23
Посетитель Покинул форум Сообщений всего: 319 Дата рег-ции: Окт. 2011 Помог: 3 раз(а)	Есть такой код: CODE (htmlphp): скопировать код в буфер обмена <html> <head> <link rel="stylesheet" href="<?php echo template()?>/css/style.css" type="text/css"> </head> <body> <div id="container"> <div id="header"> </div> <div id="sidebar"> <?php getLogin() ?> </div> <div id="content"> <?php content() ?> </div> </div> </body> </html> container имеет следующий css: CODE (htmlphp): скопировать код в буфер обмена #container { width:1200px; position:relative; border:1px solid black; margin: 0 auto; } Блокам которые внутри него а именно: sidebar и content когда я ставлю свойство float выезжают из container: Как решить данную проблему? нужно чтобы sidebar был слева content справа и всё это внутри container. ----- <a href="http://netbeans[dot]org/">Моя любимая IDE</a> :3

halsoft	Отправлено: 09 Ноября, 2012 - 10:20:50
Гость Покинул форум Сообщений всего: 94 Дата рег-ции: Нояб. 2012 Откуда: The Land of Chechens Помог: 3 раз(а)	clear: both применить не пробовали? ----- Хорошие дела улучшают настроение, делают жизнь счастливей, а людей человеками.

nordghost	Отправлено: 09 Ноября, 2012 - 10:28:18
Посетитель Покинул форум Сообщений всего: 319 Дата рег-ции: Окт. 2011 Помог: 3 раз(а)	К какому блоку именно необходимо применять? ----- <a href="http://netbeans[dot]org/">Моя любимая IDE</a> :3

nordghost	Отправлено: 09 Ноября, 2012 - 10:30:11
Посетитель Покинул форум Сообщений всего: 319 Дата рег-ции: Окт. 2011 Помог: 3 раз(а)	Применил - не помогло! Прикреплено изображение (Нажмите для увеличения) ----- <a href="http://netbeans[dot]org/">Моя любимая IDE</a> :3

DelphinPRO	Отправлено: 09 Ноября, 2012 - 10:32:13
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	CODE (css): скопировать код в буфер обмена #container:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } ----- Чем больше узнаю, тем больше я не знаю.

halsoft	Отправлено: 09 Ноября, 2012 - 10:32:17
Гость Покинул форум Сообщений всего: 94 Дата рег-ции: Нояб. 2012 Откуда: The Land of Chechens Помог: 3 раз(а)	Попробуйте после div с id content добавить еще один div и ему прописать clear: both CODE (html): скопировать код в буфер обмена <div id="container"> <div id="header"> </div> <div id="sidebar"> <?php getLogin() ?> </div> <div id="content"> <?php content() ?> </div> <div style="clear: both"></div> </div> ----- Хорошие дела улучшают настроение, делают жизнь счастливей, а людей человеками.

DelphinPRO	Отправлено: 09 Ноября, 2012 - 10:34:00
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	второй вариант CODE (css): скопировать код в буфер обмена #container { overflow: hidden; } есть еще варианты, для разных ситуаций. гуглить "clearfix" ----- Чем больше узнаю, тем больше я не знаю.

nordghost	Отправлено: 09 Ноября, 2012 - 10:36:16
Посетитель Покинул форум Сообщений всего: 319 Дата рег-ции: Окт. 2011 Помог: 3 раз(а)	Спасибо огромное разобрался Всем +)) ----- <a href="http://netbeans[dot]org/">Моя любимая IDE</a> :3

armancho7777777	Отправлено: 09 Ноября, 2012 - 10:39:05
Активный участник Покинул форум Сообщений всего: 4526 Дата рег-ции: Февр. 2011 Откуда: Москва Помог: 221 раз(а)	DelphinPRO пишет: второй вариант , не удобен, если предпологается смещение какого либо дочернего элемента, с позиционирование отличным от static, за пределы данного контейнера.

DelphinPRO	Отправлено: 09 Ноября, 2012 - 11:02:21
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	armancho7777777 каждый вариант чем-то неудобен поэтому и нужно выбирать, исходя из ситуации. навскидку еще пара вариантов: 1)инлайн-блоки для полос 2)display:table-cell; опять же, есть свои недостатки ----- Чем больше узнаю, тем больше я не знаю.

DeepVarvar	Отправлено: 09 Ноября, 2012 - 11:03:38
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	DelphinPRO пишет: 1)инлайн-блоки для полос 2)display:table-cell; Неужели уже можно сказать "Прощай IE"? (Добавление) Я до сих еще верстаю так, что вплоть до 6-го. (Добавление) Дивами ----- Шта? Репозиторий?

DelphinPRO	Отправлено: 09 Ноября, 2012 - 11:06:42
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	DeepVarvar пишет: Я до сих еще верстаю так, что вплоть до 6-го. мсье знает толк.. строчные блоки прекрасно эмулируются и в IE6, а таблицы даже в ie7 не пашут. так что практической выгоды из этого способа мало. ----- Чем больше узнаю, тем больше я не знаю.

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

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

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

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

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