Помогите беспомощному с версткой

[Djimi]

Прошу прошения. Что-то притупил, не выложив css - фаил. исправляюсь...
body, html
{
margin: 0px;
padding: 0px;
height: 100%;
background-image:url(../image/bg.gif);
}
#body
{
margin:0px auto;
padding:0px;
min-width: 1000px;
width:expression(
(document.compatMode && document.compatMode == 'CSS1Compat')
?
(
document.documentElement.clientWidth < 1000
?
"1000px"
:
"auto"
)
:
(
document.body.clientWidth < 1000
?
"1000px"
:
"auto"
)
);
height: 100%;
}
#fon_center
{
margin: 0px auto;
padding: 0px;
padding-top: 1px;
width: 1000px;
background:url(../image/center-fon.jpg);
width: 900px;
min-height: 100%;
}
*html #fon_center
{
height: 100%;
}
#person
{
margin: 0px;
margin-top: 60px;
padding: 0px;
background:url(../image/person.png) no-repeat;
width:413px;
height: 351px;
position: relative;
z-index: 2;
}
*html #person
{
margin-top: -325px;
}
#top
{
margin: 0px;
margin-top: 10px;
padding: 0px;
background:url(../image/fon-top.jpg) no-repeat;
width: 740px;
height: 169px;
float: right;
position: relative;
z-index: 1;
}
#logotip
{
margin: 0px;
margin-left: 20px;
margin-top: 24px;
padding: 0px;
background:url(../image/logotip.png) no-repeat;
width: 255px;
height: 56px;
}
#enter
{
margin: 0px;
margin-right: 30px;
margin-top: 10px;
padding: 0px;
background-color:#99CCFF;
height: 65px;
width: 300px;
float:right;
}
*html #enter
{
margin-right: 15px;
}
#city
{
margin: 0px;
margin-top: -70px;
margin-right: 50px;
padding: 0px;
background:url(../image/city.png) no-repeat;
width: 610px;
height: 280px;
float: right;
}
*html #city
{
margin-right: 25px;
}
#gerb
{
margin: 0px;
margin-top: 30px;
margin-left: 45px;
padding: 0px;
background:url(../image/gerb.png) no-repeat;
width: 134px;
height: 164px;
}
*html #gerb
{
margin-top: 34px;
}
#content_center
{
margin: 0px;
margin-top: -40px;
margin-right: 10px;
margin-bottom: 50px;
padding: 0px;
padding-right: 1px;
padding-bottom: 24px;
background:url(../image/listok.png) 99% 100% no-repeat;
width: 710px;
float:right;
position: relative;
z-index: 0;
}
*html #content_center
{
margin-right: 5px;
background:url(../image/listok.png) 99% 100% no-repeat;
}
#content_text_top_ramka_top
{
margin: 0px;
margin-top: -15px;
margin-right: 30px;
padding: 0px;
padding-top:5px;
background:url(../image/ramka_text_top.jpg) top no-repeat;
width: 680px;
float: right;
}
*html #content_text_top_ramka_top
{
margin-right: 11px;
}
#content_text_top_ramka_center
{
margin: 0px;
padding: 0px;
background:url(../image/ramka_text_center.jpg);
width: 680px;
}
#content_text_top_ramka_bottom
{
margin: 0px;
padding: 0px;
background:url(../image/ramka_text_bottom.jpg) bottom no-repeat;
width: 680px;
}
#content-center-bottom
{
margin: 0px;
padding: 0px;
padding-top: 1px;
padding-bottom: 80px;
background:url(../image/listok.jpg) 100% 100% no-repeat;
width: 680px;
min-height: 150px;
}
*html #content-center-bottom
{
height: 150px;
}
#text
{
margin: 0px;
margin-left: 85px;
margin-top: 20px;
padding: 0px;
background:#990000;
width: 580px;
height: 150px;
}
*html #text
{
margin-right: 7px;
}
#news
{
margin: 0px;
margin-top: 20px;
margin-left: 85px;
padding: 0px;
background:#0033FF;
width: 250px;
height: 100px;
float: left;
}
*html #news
{
margin-left: 42px;
}
#arf_news
{
margin: 0px;
margin-top: 20px;
margin-left: 350px;
padding: 0px;
background:#0033FF;
width: 250px;
height: 50px;
}
*html #arf_news
{
margin-left: 350px;
}
#menu-center-fon
{
margin: 0px;
margin-top: -10px;
margin-right: 50px;
padding: 0px;
background:url(../image/menu.jpg) no-repeat;
width: 670px;
height: 36px;
float: right;
position: relative;
}
*html #menu-center-fon
{
margin-right: 25px;
}
#center_menu
{
margin: 0px;
margin-top: 3px;
margin-left: 120px;
padding: 0px;
background:#CCFF99;
width: 500px;
height: 30px;
}
#colonka-left
{
margin: 0px;
margin-top: -30px;
padding: 0px;
padding-top: 1px;
background:url(../image/list-left-colonki.png) top left no-repeat;
width: 174px;
float: left;
position: relative;
z-index: 4;
}
*html #colonka-left
{
margin-top: -27%;
}
#left-menu-colonka
{
margin: 0px;
margin-bottom: 50px;
margin-top: 25px;
padding: 0px;
background:url(../image/fon-left-colonki.jpg);
width: 253px;
}
#left-menu-colonka-ygol
{
margin: 0px;
padding: 0px;
padding-bottom: 20px;
padding-top: 20px;
background:url(../image/ygol-left-colonki.jpg) top right no-repeat;
width: 253px;
min-height: 100px;
}
*html #left-menu-colonka-ygol
{
height: 100px;
}
#glav-menu
{
margin: 0px;
margin-left: 10px;
padding: 0px;
background:#9966FF;
width: 200px;
height: 50px;
}
#pogoda
{
margin: 0px;
margin-left: 10px;
margin-top: 10px;
padding: 0px;
background:#CCFFFF;
width:200px;
height: 50px;
}
#registrat
{
margin: 0px;
margin-left: 10px;
margin-top: 10px;
padding: 0px;
background:#FFFFFF;
width:200px;
height: 50px;
}
#otstup
{
clear: both;
height: 1px;
}
#bottom
{
margin: 0px;
margin-top: -40px;
margin-right: 295px;
padding: 0px;
background:#CCFF99;
width: 500px;
height: 30px;
float: right;
}
*html #bottom
{
margin-right: 143px;
}
Сайт растягивается только по вертикали, по горизонтали фиксированый.

Шаблом самописный.

 

[LodeRunner]

Пипец, ты хотя бы иерархию блоков соблюдал бы табами в первом сообщении, чтобы нормально видеть какой блок в каком находится, а то приходится глаза ломать. У тебя блок с идентификатором colonka-left в каком блоке находится?

*html #colonka-left
{
margin-top: -27%;
}

А это что за белиберда? Браузер не умеет рассчитывать такие проценты, тем более у тебя высота колонки - число неизвестное. И зачем вообще для ИЕ переопределять верхний маржин, если у тебя уже стоит маржин -30px?

#colonka-left
{
margin-top: -30px;

И еще - не имей привычки одному блоку присваивать сразу паддинги и маржины - это не очень хорошо работает, могут возникнуть глюки. Ты назначал паддинг-топ 1px, чтобы не возникало "схлопывания отступов"?

 

[Djimi]

Блок "colonka-left" и "content_center" находяться в блоке "fon_center". Они ("colonka-left" и "content_center") как раз и враждуют в IE6.
По поводу процентов - верно, ступил, перепишу в пикселях, но это не корень проблемы, не поможет.
Да, маржин верхний стоит для остальных браузеров -30px, они как раз отображают так как надо, а у IE6 блок "content_center" вытесняет "colonka-left" вниз, поэтому нужен маржин верхний в минус больше на все ширину почти "content_center".
Но проблема в том, что "content_center" значение высоты не фиксировано (может сужаться или растягиваться, в зависимости от контента).
Ты назначал паддинг-топ 1px, чтобы не возникало "схлопывания отступов"?
Да, именно по-этому.

 

[Djimi]

Всем спасибо за участие...
Справился сам.
Первый раз - первые ошибки-первые исправления - первый опыт.
Можно закрывать тему..