Борьба с IE. 3 колонки, резиновый дизайн.

denis_imo · April 27, 2008

Делаю новый шаблон для сайта, 3 колонки, резиновый. Столкнулся с проблемой. В IE в центральной колонке получается небольшой отступ текста на том месте, где заканчивается текст левой. Пример на рисунке. Очень заметно при выделении текста.

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>Untitled Document</title>
</head>

<style type="text/css"> 
#left {
	border: #999999 solid 1px;
	width: 200px;
	float: left;
}

#right {
	border: #999999 solid 1px;
	width: 200px;
	float: right;
}

#content {
	border: #999999 solid 1px;
	margin: 0px 205px;
	padding: 0px;
}
</style>

<body>
<div id="left">
Активное использование всемирной ?паутины? и регистрация на различных ресурсах, приводит к тому, что ...
</div>
<div id="right">
Перечисление селекторов через запятую (стиль, помеченный единицей) называется группированием и предназначено для удобства и сокращения записи, чтобы не повторять одни и те же элементы несколько раз. 
</div>
<div id="content">
Дошло у меня до реализации вывода из базы данных в таблицу, но вверху хотелось на постоянно зафиксировать меню. Начиталась в книжках, что фреймы - не модно, а что вместо них - не написано. Полезла в интернет - мало и как-то невразумительно. И вдруг - такой мне подарок от судьбы: наткнулась на ваш сайт. Ох, спасибо преспасибо! Здесь все написано и расписано в точности, в чем у меня нужда была. 
</div>
</body>
</html>

Плиз, подскажите как убрать эту "ступеньку".

DMITRIY_S · May 5, 2008

Есть такая проблема в ие как три пикселя при float-e.

Нашел единственный удобоваримый "хак"...

* html #content {

position:relative;

left:-3px;

margin-right:-3px;

}

Должно помочь...

Sign In

Борьба с IE. 3 колонки, резиновый дизайн.

Question

denis_imo

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

DMITRIY_S

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information