Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 11 Ответов
  • 3839 Просмотров
*

archer1981

  • Захожу иногда
  • 285
  • 13 / 0
В шаблоне имеется слой, внутри которого размещены ещё два слоя. Сейчас ИЕ и Опера отображают внешний слой высотой в 1px, несмотря на то, что содержимое двух внутренних слоёв гораздо больше. В результате это содержимое оказывается вне фона, присвоенного внешнему слою. Раньше, кажется, пользовался свойством display:block, но сейчас оно не срабатывает. Как же это сдлелать?
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

archer1981

  • Захожу иногда
  • 285
  • 13 / 0
Нашёл в одном блоге решение, которое почемуто не сработало:

Цитировать
div.container {
   border: 1px solid #000000;
   overflow: auto;
   width: 100%
}

В комментариях посоветовали другой метод:

Цитировать
div.container:after {
content:'';
clear:both;
}

а для IE просто указать height:1%.

В этом случае содержимое внутренних блоков отображается, но фон внешнего блока не растягивается, остаётся высотой в 1px.

Быть может дело в doctype?
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

b2z

  • Глобальный модератор
  • 7290
  • 778 / 0
  • Разраблю понемногу
*

archer1981

  • Захожу иногда
  • 285
  • 13 / 0
с height:100% в ИЕ ничего не изменилось, в Опере слой растянулся на полтора экрана вниз.

doctype следующий:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

archer1981

  • Захожу иногда
  • 285
  • 13 / 0
А, стоп. У меня в качестве внешнего слоя для всего этого хозяйства body служит. Когда ему height:100% сделал, тогда и в ИЕ слой на полтора экрана разъехался.
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

b2z

  • Глобальный модератор
  • 7290
  • 778 / 0
  • Разраблю понемногу
А в FF ?  у меня похожий случай, в IE всё ок, а вот FF не растягивает внешний слой под контент :(
*

archer1981

  • Захожу иногда
  • 285
  • 13 / 0
В ФФ ровно такая же ситуёвина... раньше как то я эту проблему решал. Сейчас уже и доктайпы все перепробовал из своих старых шаблонов - ничего не помогает.
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

b2z

  • Глобальный модератор
  • 7290
  • 778 / 0
  • Разраблю понемногу
Такс, с FF я решил через javascript. Вот так:
http://xhtml.ru/2005/06/11/max-width/

Но чёто в IE голяк теперь :)


Блин, но должно быть решение без javascript :(
*

vanadik

  • Осваиваюсь на форуме
  • 22
  • 3 / 0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  вот этот попробуй
*

archer1981

  • Захожу иногда
  • 285
  • 13 / 0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  вот этот попробуй
Не помогло. Ни в ИЕ, ни в Опере.
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

archer1981

  • Захожу иногда
  • 285
  • 13 / 0
О. Кажется причина была в том, что я все слои располагаю абсолютным позиционированием. Сейчас позиционирую их при помощи float - внешний слой начал растягиваться. В ФФ кстати тема работает также как в Опере.
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

b2z

  • Глобальный модератор
  • 7290
  • 778 / 0
  • Разраблю понемногу
Нашёл ответ! На этом же сайте:

http://xhtml.ru/2008/09/30/clear-without-clear/

У меня была ошибка, что я width: auto сделал. Поставил 100%, всё стало растягиватся...

#content {width: 100%; background: #fff url('im/bg_right.gif') repeat-y right; overflow: hidden;}
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Подключение внешнего CSS файла

Автор levitan

Ответов: 22
Просмотров: 9105
Последний ответ 18.12.2017, 14:23:22
от kern.USR
Изменить высоту модуля меню

Автор kunsaid

Ответов: 4
Просмотров: 2281
Последний ответ 24.04.2017, 21:45:05
от kunsaid
Выравнивание блоков по высоте

Автор BrutalMan

Ответов: 6
Просмотров: 1461
Последний ответ 08.08.2016, 06:30:15
от neogeek
Как подправить высоту блока?

Автор loki_pvl

Ответов: 5
Просмотров: 945
Последний ответ 23.07.2016, 07:16:21
от vipiusss
Как растянуть блок на всю высоту страницы, а не экрана?

Автор ВладимирГребень

Ответов: 3
Просмотров: 2506
Последний ответ 12.06.2016, 18:44:09
от AlekVolsk