Проблема с размерами обтекаемых объектов!

Aloner

Осваиваюсь на форуме
14
1 / 0

Проблема с размерами обтекаемых объектов!

« : 11.02.2009, 13:18:13 »

Здравствуйте.

Начну с прилюдии. Делаю сайт на Joomla 1.5, практический полностью разобрался с построением шаблонов.
Но наткнулся на одну проблемку.

Пример кода:

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
	margin: 0;
	padding: 0;
}

#cont {
	position: relative;
	background-color: #CCC;
	width: 90%;
	padding: 10px 5%;
}

#left1,#left2 {
	position: static;
	float: left;
	width: 200px;
}

#right1,#right2 {
	position: static;
	float: right;
}

#left1,#right1 {background-color:#F00;}
#left2,#right2 {background-color:#00F;}

</style>
</head>

<body>
<div id="cont">
    <div id="left1">Левый раз!
    </div>
    <div id="left2">Левый два!
    </div>
    <div id="right1">Правый раз!
    </div>
    <div id="right2">Правый два!<br />Правый два!<br />Правый два!
    </div>
</div>
</body>
</html>

Как видно из примера, блоки вылазят из серого поля содержащего их дива.

Как можно сделать так, чтобы "серый" див автоматический растягивался под размер содержащихся в нем дивов?

Пока выкрутился тем что задал размер в пикселах, ибо изменений на сайте никаких не будет, и содержимое там статично - но вопрос принципиален...

Записан

gdX

Глобальный модератор
995
128 / 0
Открыт к заказам по дизайну

Re: Проблема с размерами обтекаемых объектов!

« Ответ #1 : 11.02.2009, 15:40:32 »

Добавьте в #cont свойство overflow:hidden;

Записан

Источник нашей мудрости — наш опыт. Источник нашего опыта — наша глупость.
Long train running

Aloner

Осваиваюсь на форуме
14
1 / 0

Re: Проблема с размерами обтекаемых объектов!

« Ответ #2 : 11.02.2009, 16:44:20 »

спасибо огромное... про слона-то я и забыл О.о

Записан

gdX

Глобальный модератор
995
128 / 0
Открыт к заказам по дизайну

Re: Проблема с размерами обтекаемых объектов!

« Ответ #3 : 12.02.2009, 03:45:36 »

На здоровье

« Последнее редактирование: 12.02.2009, 03:50:10 от gdX »

Записан

Источник нашей мудрости — наш опыт. Источник нашего опыта — наша глупость.
Long train running

шаблон IT Newsy - By IceTheme проблема со списком. Автор wolf34	Ответов: 4 Просмотров: 7754	30.05.2017, 11:52:27 от darkghost
Проблема с изменением логотипа штатного шаблона rhuk_milkyway Joomla_1.5 Автор Porohok	Ответов: 6 Просмотров: 6297	22.03.2017, 10:34:23 от Porohok
Проблема отображения контента при масштабировании окна браузера Автор Свят	Ответов: 2 Просмотров: 2647	10.02.2016, 15:14:24 от Свят
Шаблон yoo spark проблема с отображением логотипа Автор ymaiorov	Ответов: 2 Просмотров: 3027	25.05.2014, 01:50:11 от eprofit
Проблема с кодировко index.php шаблона Автор Black_Ledy	Ответов: 5 Просмотров: 2000	24.01.2014, 12:35:10 от umbabaraumba

Проблема с размерами обтекаемых объектов! - Joomla 1.5: Шаблоны, разметка и макеты вывода

Новости Joomla

🏆 Открыто голосование за Joomla в премии CMS Critic People’s Choice Awards 2025

👩‍💻 Релиз JoomGallery 4.3.0 - компонент галереи изображений для Joomla.

👩‍💻 Вместе мы развиваем Joomla: станьте Joomfluencer!

Aloner

Проблема с размерами обтекаемых объектов!

gdX

Re: Проблема с размерами обтекаемых объектов!

Aloner

Re: Проблема с размерами обтекаемых объектов!

gdX

Re: Проблема с размерами обтекаемых объектов!

Похожие темы