вопрос по работе Clear в IE

Sangina · September 18, 2008

Я начинающий. В процессе верстки наткнулась на необходимость отменить обтекание Clear, но что-то не хорошее происходит в IE. Скажите, как IE воспринимает Clear? Какие глюки при его использовании возникают?

У меня используется прозрачный гиф для фона меню, которому прописано float: left; Так вот текст обтекающий его справа, почему то частично заходит под гиф, т.е там где прозрачно он виден, а там где гиф не прозрачен, там текст (сохраняя свою прямую левую линию выравнивания) западает под гиф. Так происходит не всегда, но при изменении размера окна браузера глюк проявляется.

Подскажите, плз, как исправить.

вот здесь все - html, css и картинка fon.gif в зипе

вот кусок кода html:

<!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>титл</title> 
 <meta name="keywords" content="" />
 <meta name="description" content="" />

 <link href="style_ask.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="line">
	<div id="content-menu">
		<div id="menu">
			<ul>
			<li><a href="">Меню 1</a></li>
			<li><a href="">Меню 2</a></li>
			<li><a href="">Меню 3</a></li>
			</ul>
		</div>

		<div id="content">
			<p>Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991—1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария).</p>
			<p>HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов (размечаемых «тегами»), служащих для создания относительно простых, но красиво оформленных документов.</p>
			<ul>
			<li>Обращайтесь в компанию <span>«Азбука Досуга»</span>.оказывает праздничные услуги: аренда теплохода для праздника, оформление шарами и цветами, день рождения, организацией шоу-программ, корпоративной вечеринки</li>
			<li>Мы всегда рады Вам помочь и сделать Ваш праздник настоящим!</li>
			</ul>
		</div>

		<div class="clear"></div>
	</div>
</div>

</body>
</html>

а вот css:

* {margin: 0px; padding: 0px;}

body {font: 13px Arial, Helvetica, sans-serif;}

ul {margin-left: 20px;}


/*——————————*/


#line {
	border-bottom: 3px solid #000;
}

#content-menu {
	background: url(imageask/fon.gif) repeat-y;
}

#content {
	padding: 40px 50px 20px 62px;;
}

#menu {
	float: left;
	height: 220px;
}
#menu ul {
	padding-top: 50px;
	margin-left: 62px;
	margin-right: 40px;
}
#menu li {
	font: 16px "Times New Roman", Times, serif;
	font-weight: bold;
	line-height: 33px;
	list-style: none;
}

.clear {
	clear: both;
}

Заранее спасибо

klierik · September 18, 2008

*.gif у Вас идет фоновым изображением и он ен причем.

используйте margin на контент

Sangina · September 19, 2008

Все было бы здорово, но мне нужно что бы текст проходил по картинке, так что марджин проблему не решает.

Да и понять хочется что происходит.

Разъясните плиззз )

Sangina · September 22, 2008

Нашла решение по этому глюку (может кому пригодится):

Нужно главному, т.е. первому контейнеру с бекграундом ширину задать.

Когда поставила ему 100% текст стал корректно отображаться )

Sign In

вопрос по работе Clear в IE

Question

Sangina

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

Sangina

Link to comment

Share on other sites

Sangina

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information