Содержимое div

underW · April 3, 2009

<html>
<head>
<style>
.dl {float:left;
width: 50px; height: 50px;}
</style>
</head>
<body>
<div style="width:300px">
<div id="q1" style="background-color: blue; width: 300px; min-height: 100px;">
<div id="q2" style="background-color: blue; width: 300px; min-height: 100px;">
<div class="dl" style="background-color: green;">q2</div>
<div class="dl" style="background-color: yellow;">q3</div>
<div class="dl" style=" background-color: red;">q4</div>
</div>
</div>
<div style="clear:left; border-style: none solid solid; border-color: rgb(204, 204, 204); border-width: 0pt 1px 1px; width: 300px;">
<div style="margin: 4px; clear:left; overflow: hidden; width: 300px; min-height: 49px;">
Some Content was in this area
</div>
</div>
</div>
</body>
</html>

вот с этим куском кода пробую разобраться. Дело в том, что блоки q1 и q2 содержат в себе целое семейство других блоков, количество которых на странице динамически изменяеться, так вот при большом количестве внутренних блоков, они все не помещаються в родительской зоне и начинаю вылазить из нее, так вот, как сделать, что бы размеры родительського div изменялись в зависимости от размеров его содержания?

Justnewone · April 3, 2009

q1, q2 - overflow:hidden

Edited April 3, 2009 by Justnewone

underW · April 3, 2009

получилось!!!! Justnewone, спасибо!!!

Гайдамак · April 7, 2009

Видимо у меня похожая проблема: не могу понять, как появляется обрывок последнего слова.

Выглядит это так:

css:

div.footer {
	float: left;
	width: 100%;
	margin: 10px 0 0 0;
	padding: 10px;
	background: #F5F5DC;
	border-top: 1px solid #CDC8B1;
	font: normal 11px sans-serif;
	text-align: left;
}

html:

	<div class="footer">
Будем благодарны за Ваши советы, замечания, пожелания.
	</div>

Причем в Chrome, Mozilla и Safari этой странности нет, есть только в Internet Explorer (6.0).

Что это такое, откуда берется и как убрать, помогите, пожалуйста. Спасибо.

Searcher · April 7, 2009

да, была у меня как-то такая же фигня в ИЕ6. Это глюк. Точно не помню, как избавился... Попробуйте для div.footer свойства zoom:1; и display:inline;

Гайдамак · April 7, 2009

Попробовал, свойства zoom:1; и display:inline; - не помогло

SelenIT · April 7, 2009

Гайдамак, может быть, это поможет? Рядом с этим дивом в коде случайно комментарии не затесались?

Edited April 7, 2009 by SelenIT

Гайдамак · April 7, 2009

SelenIT Спасибо, clear: both; помогло, но частично - обрывок слова все-таки вылез где-то на 200 пикселей выше. Так что вышел из положения добавив в конце фразы

Может кто-то знает более красивый способ избавиться от этого глюка?

Justnewone · April 8, 2009

SelenIT Спасибо, clear: both; помогло, но частично - обрывок слова все-таки вылез где-то на 200 пикселей выше. Так что вышел из положения добавив в конце фразы
Может кто-то знает более красивый способ избавиться от этого глюка?

Попробуйте не отбивать в оформлении кода строчные элементы.

<div class="footer">Будем благодарны за Ваши советы, замечания, пожелания.</div>

Гайдамак · April 8, 2009

Justnewone Сделал, как Вы посоветовали, к сожалению не помогло.

Justnewone · April 8, 2009

Justnewone Сделал, как Вы посоветовали, к сожалению не помогло.

Покажите ссылку

Гайдамак · April 10, 2009

Покажите ссылку

Вот на этой странице в Internet Explorer хорошо видно пустое место в самом низу под подвалом: http://www.mykyiv.net/volodymyrska/en/

Justnewone · April 11, 2009

Вот на этой странице в Internet Explorer хорошо видно пустое место в самом низу под подвалом: http://www.mykyiv.net/volodymyrska/en/

А для чего у футера float:left;?

Гайдамак · April 11, 2009

Justnewone, действительно, он там не нужен. Большое спасибо за помощь!

Sign In

Содержимое div

Question

Link to comment

Share on other sites

13 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information