DarkSmoke
Advanced Member | Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Добрый день.
Гуру верстки на дивах, помогитите. Сил уже нет. В ИЕ 6 разлазится правая сторана, да и низ тоже.
_http://violis.net.ua/test/ Может кто чего подскажет по оптимизации?
Код:
<!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>
|
Код:
@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
}
|
|
