Новости
Видео
Microsoft
Windows 10
Железо
Программы
Форум

Имя пользователя:
Пароль:  
Помощь | Регистрация | Забыли пароль?  | Правила  

Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » Верстка DIV'ами (разлазится в IE6)

Ответить
Настройки темы
Верстка DIV'ами (разлазится в IE6)

Пользователь


Сообщения: 91
Благодарности: 2

Профиль | Отправить PM | Цитировать

Добрый день многоуважаемые гуру.
Помогите, пожалуйста. _http://violis.net.ua/test/ в ИЕ6 разлазится правая сторона.
HTML
HTML код: Выделить весь код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="page">
    <div id="top"></div>
    <div id="left">
    	<div id="right">
	    	<div id="body"><br><br>BODY<br><br></div> 
            <div id="bottom">
                <br><br>BOTTOM<br><br>
            </div>
    	</div>
    </div>
    <div id="bottom-l"></div><div id="bottom-c"></div><div id="bottom-r"></div>
</div>
</body>
</html>

CSS
HTML код: Выделить весь код
@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; /* обнуляем внешние отступы */
padding: 0; /* обнуляем внутренние отступы */
border: 0; /* убираем бордюры */
outline: 0; /* убираем контуры */
font-size: 100%; /* задаем базовый размер шрифта, значение по умолчанию = 16px */
vertical-align: baseline; /* устанавливаем базовое вертикальное выравнивание */
background: transparent; /* устанавливаем фон прозрачным */
}
body {
line-height: 1; /* устанавливаем базовую высоту */
background-color:#fff/*868686*/
}
ol, ul {
list-style: none; /* убираем маркеры для нумерованных и обычных списков */
}
blockquote, q {
quotes: none; /* убираем кавычки для цитат */
}
blockquote:before, blockquote:after,
q:before, q:after {
content: ''; /* убираем */
content: none; /* и скрываем генерируемое содержимое */
}
:focus {
outline: 0; /* убираем контуры вокруг ссылок при фокусе */
}
ins {
text-decoration: none; /* убираем подчеркивание для вставленного текста */
}
del {
text-decoration: line-through; /* убираем перечеркивание для удаленного текста */
}
table {
border-collapse: collapse; /* убираем рамки двойной толщины */
border-spacing: 0; /* убираем расстояние между ячейками */
}
hr{
width:792px;
text-align:center
}
#page{ 
width:875px;
position:absolute;
left:50%;
margin-left:-450px
}
#top{
width:875px;
height:242px;
background:url(images/top.jpg)
}
#left{
width:8px;
float:left;
background:url(images/left.jpg) repeat-y
}
#right{
width:25px;
background:url(images/right.jpg) repeat-y;
float:left;
margin-left:850px
}
#body,#bottom{
margin-left:-842px;
width:802px;
padding:0px 20px 0px 20px;
background-color:#FFF
}
#bottom-l{
background:url(images/bottom_l.jpg) no-repeat;
clear:left;
height:6px;
width:8px
}
#bottom-c{
background:url(images/bottom_c.jpg) repeat-x;
height:8px;
width:842px;
position:relative;
top:-6px;
left:8px
}
#bottom-r{
background:url(images/bottom_r.jpg) no-repeat;
width:25px;
height:6px;
position:relative;
top:-14px;
float:right
}

Отправлено: 16:47, 29-11-2009

 

Deadooshka


Сообщения: 2550
Благодарности: 697

Профиль | Отправить PM | Цитировать

Проще всего сделать дополнительный css-файл, который выводить только для IE 6- //описание.
Ранние IE не соблюдают многие стандарты, и требуют индивидуального подхода.
HTML код: Выделить весь код
<!--[if lte IE 6]>
<link href="ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->

ie6.css должен содержать переопределение стилей, которые относятся к багу.

Отправлено: 19:58, 29-11-2009 | #2



Для отключения данного рекламного блока вам необходимо зарегистрироваться или войти с учетной записью социальной сети.

Если же вы забыли свой пароль на форуме, то воспользуйтесь данной ссылкой для восстановления пароля.


Пользователь


Сообщения: 91
Благодарности: 2

Профиль | Отправить PM | Цитировать

А что именно? На что смотреть надо?

Отправлено: 11:04, 30-11-2009 | #3


Пользователь


Сообщения: 91
Благодарности: 2

Профиль | Отправить PM | Цитировать

Хорошо. Тогда вопрос.
Вставляю я значит это в HEAD
HTML код: Выделить весь код
<!--[if lte IE 6]>
<link href="ie6.css" rel="stylesheet" type="text/css">
<![endif]-->

но у меня ж есть еще такая строчка
HTML код: Выделить весь код
<link href="style.css" rel="stylesheet" type="text/css">

Тогда получается, что загружаются оба css но используется один.
Зачем же тогда грузить оба?

Отправлено: 22:12, 02-12-2009 | #4


Deadooshka


Сообщения: 2550
Благодарности: 697

Профиль | Отправить PM | Цитировать

ie6.css вставляется после основного style.css, и содержит переопределения нужных стилей. Т.е. стилей, которые влияют на неправильное отображение в IE 6-. Стили в style.css не трогаем.

HTML код: Выделить весь код
<head>
<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link href="ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>

Почему такая бяка в IE6- точно никто не скажет (и знать с ходу все это нереально), потому что поиски и исправления достигаются опытным путем (самому надо ковыряться, менять размеры и т.д.).

Отправлено: 22:56, 02-12-2009 | #5


Пользователь


Сообщения: 91
Благодарности: 2

Профиль | Отправить PM | Цитировать

А почему не работает background:#fff; для IE6
Делаю так:
HTML код: Выделить весь код
<!--[if lte IE 6]>  <link href="ie6.css" rel="stylesheet" type="text/css" />  <![endif]-->

HTML код: Выделить весь код
#body{
background: red; 
//background: green; 
-background: blue;
background-color:#FFF;
}

пробую по разному не работает вообще.
_http://4rooms.dp.ua/test/

Отправлено: 13:54, 27-12-2009 | #6



Компьютерный форум OSzone.net » Компьютеры + Интернет » Вебмастеру » Верстка DIV'ами (разлазится в IE6)

Участник сейчас на форуме Участник сейчас на форуме Участник вне форума Участник вне форума Автор темы Автор темы Шапка темы Сообщение прикреплено

Похожие темы
Название темы Автор Информация о форуме Ответов Последнее сообщение
Прочие БД - sql-запрос с join'ами M1sha Программирование и базы данных 9 27-08-2009 21:02
[решено] Верстка слоями (Div) Bullet-Avalon Вебмастеру 5 28-11-2008 09:49
Как прижать footer-image ( верстка <DIV> XHTML/CSS ) ? stalingrad432006 Вебмастеру 6 04-11-2008 16:57
блочная верстка часть 2 (DIV) Vlad Drakula Вебмастеру 3 08-07-2006 13:26
блочная верстка часть 1 (DIV) Vlad Drakula Вебмастеру 33 08-07-2006 10:37


« Предыдущая тема | Следующая тема »


 
Переход