Разместване при IE

[lord_simeon]

Помогнете малко :idea:



в ляво е на Fire Fox в дясно IE

ето и кода:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=cp-1251"/>
<link rel="stylesheet" href="style.css" type="text/css" />	
</head>
<body>
<div class="left"></div>
<div class="header"></div>
<div class="right"></div>
<div class="menu">
<img src="images/01.jpg">
<img src="images/02.jpg" style="margin-left:-4px;">
<img src="images/03.jpg" style="margin-left:-4px;">
<img src="images/04.jpg" style="margin-left:-4px;">
<img src="images/05.jpg" style="margin-left:-4px;">
<img src="images/06.jpg" style="margin-left:-4px;">
<img src="images/07.jpg" style="margin-left:-4px;">
<img src="images/08.jpg" style="margin-left:-4px;">
</div>

<div class="left1"></div>
<div class="right1"></div>

<div class="body"></div>
</body>
</html>

css код:

.body{
margin-top:-469px;
margin-left:151px;
position:center; 
width:491px;
height:469px;
background:#7a7a7a;
}
.left{
position:center; 
width:124px;
height:600px;
background-image:url(images/left.jpg)
}
.header{
margin-top:-600px;
margin-left:124px;
width:545px;
height:100px;
background-image:url(images/header.jpg)
}
.right{
position:center;
margin-left:679px;
margin-top:-100px;
width:131px;
height:100px;
background-image:url(images/right.jpg)
}
.menu{
width:600px;
height:11px;
margin-left:124px;
}
.left1{ 
margin-top:20px;
margin-left:124px;
width:27px;
height:469px;
background-image:url(images/left1.jpg);
background-repeat:repeat-y;
}
.right1{
margin-top:-469px;
margin-left:642px;
width:27px;
height:469px;
background-image:url(images/right1.jpg);
background-repeat:repeat-x;
}

+1 :twisted: Надявам се че ще помогнете.Според мен проблема е в позиционирането чрез цсс защото аз само този начин знам и не е мн отдачен :shock:

 

[vankich]

Няма такова нещо като "position: center"
Има само "position: relative" / "position: absolute" За да си центрираш ползвай "margin: 0 auto;" или на родителския елемент сложи "text-align: center;" или и двете, защото в IE6 "margin: 0 auto;" прави проблеми.

 

[lord_simeon]

ами не става няма промяна.С таблици ще стане обаче нз как да го направя защото бордера дори и да ми е 0 се получава накъсване м/у къртинките

 

[shterev]

Няма такова нещо като "position: center"
Има само "position: relative" / "position: absolute" За да си центрираш ползвай "margin: 0 auto;" или на родителския елемент сложи "text-align: center;" или и двете, защото в IE6 "margin: 0 auto;" прави проблеми.

На мен margin:0 auto; никога не ми е правило проблеми! Да не би доктайпа ти да е HTML 1.4 или там какво беше
<!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">

Ей тоя доктайп трябва да имаш за да работи добре margin:0 auto;


С таблица задай на таблицата cellpading="0" cellspacing="0"

<table cellpading="0" cellspacing="0" >

 

[vankich]

Няма такова нещо като "position: center"
Има само "position: relative" / "position: absolute" За да си центрираш ползвай "margin: 0 auto;" или на родителския елемент сложи "text-align: center;" или и двете, защото в IE6 "margin: 0 auto;" прави проблеми.

На мен margin:0 auto; никога не ми е правило проблеми! Да не би доктайпа ти да е HTML 1.4 или там какво беше
<!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">

Ей тоя доктайп трябва да имаш за да работи добре margin:0 auto;

Ами да там ми е проблема със стария вариант на доктайпа си правя страницата, защото с XHTML не мога да си я валидирам изцяло, а бих искал да ми е валиден кода. Сякакви глъпости ми излизат когато съм с XHTML. Някакви от сорта грешно <a или <img... сякви простотии.