ie как всегда:(

[JIucky]

Привет всем!

На днях верстал сайт, ну FF,Opera все чигипуки, а вот ie6 как всегда отличился и не могу понять в чем дело то

вот сам сайт

а вот стили:

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

ul		{ list-style:none; }
a		{ color:#fff; text-decoration:none;}
a:hover			{ text-decoration:underline; }


html {
	height:100%;
}

body {
	color:#fff;
	font:normal 20px Arial;
	background:#CD1873;
	height:auto !important;
	height:100%;
	text-align:center;
	position:relative;
	min-height:100%;
	min-width:1000px;
	width:100%;
	*width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 1000)? "1000px" : "100%");
}
#main2 {vertical-align:top;background:url(img/fon.gif) repeat-x;width:100%;padding:0 0 4%;border:0;}

#header {background:#6a0235 url(img/fon2.gif) repeat-x;}
#header .logo1 {height:282px;width:594px;background:url(img/header-left.jpg) no-repeat;float:left;}
#header .logo2 {height:282px;background:url(img/header-right.jpg) no-repeat right top;}

#left {padding-left:1%;width:18%;vertical-align:top;border:0;} 
#navigation .nav {background:url(img/nav1.gif) no-repeat left top;}
#navigation  li {background: url(img/nav2.gif) repeat-x;}
#navigation .nav a {  background: url(img/nav3.gif) no-repeat right top;
					height:33px;
					display:block;
					padding:6% 0 0 4%;
					font:normal 80% Arial;				

}
#navigation .nav1 a:hover {text-decoration:underline; }
#left_panel {border-top:2px solid white;margin-top:60%;}
#left_panel h1 {font:italic 87% serif;padding:2% 0;} 
#left_panel2,#left_panel3 {border-top:2px solid white;margin-top:10%;}
#left_panel2 h1,#left_panel3 h1 {font:italic 87% serif;padding:2% 0;}
.text {background:#c0769b repeat; text-align:left;}
#left_panel .text li,#left_panel2 .text li,#left_panel3 .text li,.right_panel li {
					background:url(img/silki.gif) no-repeat left center;
					padding:0 0 0 8%;
}
.text ul,.right_panel ul {padding:5%;}
.text li a,.right_panel li a  {font:normal 60%/150% Arial;}
 *:root  .text li a,.right_panel li a {font:normal 60%/240% Arial;}

#center {vertical-align:top;padding-left:1%;}
#center_menu { height:139px;
			  background:#fff url(img/centr.gif) no-repeat right top;
			  text-align:left;
}
#center_menu span { 
				   font:normal 20px Arial;
				   color:#6b0336;
				   padding:0  5%;
				   position:relative;
				   top:65%;

}	
#center_menu .border { 
				  width:90%;
				  position:relative;
				  top:68%;
				  left:5%;
				  border-bottom:1px solid #6b0336;
}
#text_center { 
			  background:#fff url(img/fon_centr.gif)  repeat-y right top;
			  position:relative;
			  padding:0 0% 5% 2%;
			  top:82%;
}			  
.content { text-align:left;
}
#pic ,#pic2  {	   float:left; 
			   padding-left:4%;
			   width:130px;
			   text-align:center;
}
#pic a ,#pic2 a  {
			   color:#6b0336;  
			   padding-left:7%;
			   margin-right:3%;
			   font:italic 12px/18px arial;
}			 			 
.content p	 { 
			 font:normal 14px/18px arial;
			 color:#000;
			 padding-right:2%;
			 margin:0 0 0;

}
#border h1 {		font:normal 20px Arial;
				   color:#6b0336;
				   padding-bottom:1%;

}
#border {		 
				  position:relative;
				  left:5%;
	 			  width:90%;
				  text-align:left;
				  border-bottom:1px solid #6b0336;
				  margin:3% 0;
}
#right {width:250px;vertical-align:top;background: url(img/ygolok.gif) no-repeat;}
#right_menu  {margin:60% 0 0 4%;width:90%;}
.right_panel h1 {border-top:2px solid white;margin-top:10%;font:italic 87% serif;padding:2% 0;}

Edited April 14, 2009 by JIucky

[Nekromancer]

обилие 100%ых значений не придаст сайту красоты..

[Justnewone]

А валидатор что говорит? Может он на какую странности обратит внимание?

[JIucky]

да нет, валидатор как раз таки зелененький))

пробовал я и % убирал, все так же

[Searcher]

попробуйте доктайп написать в одну строку со ссылкой

[JIucky]

попробуйте доктайп написать в одну строку со ссылкой

спс, не помогает

[Searcher]

Вы кодировку не меняли случайно? Что-то не то отдает сервер... С переносами какая-то проблема или куча каких-то невидимых символов. ИЕ что-то не нравится в тексте. И еще вы ошиблись text-align : centr

[JIucky]

И еще вы ошиблись text-align : centr

а точно, ща подправим

А кодировка стандартная ANSI

з.ы.: вобщем что-то с центром не то, из кода убираешь центральную часть и все встает на свои места

Edited April 14, 2009 by JIucky

[Searcher]

Может переделать центральную часть на блоки?

[JIucky]

Может переделать центральную часть на блоки?

я не знаю уже, что делать, моск пухнет

[Searcher]

такой макет блоками проще будет... и с ИЕ решится проблема

[JIucky]

что ж переверстал блоками, вроде нормуль стало))

но почему, когда каркас был из таблиц, такая вот фигня была, если честно меня удивляет

видимо с таблицами такое не прокатывает

Большая ширина рисунка обеспечивает просмотр фактически при любом разрешении монитора, кроме, разве что, самого фантастического и редко используемого. Если такой рисунок просто добавить через тег <IMG>, то однозначно получим горизонтальную полосу прокрутки и расползающийся по всем швам макет страницы. Использование изображения как фона и обеспечивает отсутствие ненужной полосы прокрутки. При этом картинка будет занимать всю ширину макета, но ее часть будет скрыта от глаз пользователя, и появляться только при увеличении окна браузера. На рис. 6 показан такой фоновый рисунок. Видно, что часть изображения не помещается в окне, но оставшийся фрагмент занимает всю доступную ширину.

Edited April 14, 2009 by JIucky