Центриране под IE

liberal

Registered
Имам следния код,под FF го центрирах под IE обаче не успявам..
Код:
<style type="text/css">
body{
background:#000000 url(bg.jpg) no-repeat;
}

#content{
margin:0 auto;
width:949px;
height:100%;
}

.logo{
width:949px;
height:150px;
}


#bodygore{
width:949px;
height:179px;
background:url(gornopar4ebox.jpg) no-repeat;
}
#bodysreda{
margin-top:-100px;
width:949px;
height:100%;
background:url(par4ebox.jpg) repeat-y;
}

#bodydolo{
width:949px;
height:260px;
background:url(dolnopar4ebox.jpg) no-repeat;
}

</style>
<body>
<div id="content">


<div id="logo">
<img src="logo.png" />
</div>

<div id="bodygore"></div>
<div id="bodysreda">
kahsfjabhfsjabhjfslajnsvfjasnbvjasbvjabvja bvjabvjasjab vjbajlv
</div>
<div id="bodydolo">Wsi4ki prava za GoL</div>






</div>

Мерси предварително за помоща.
 
.
Код:
<style type="text/css">
body{
text-align:center;
background:#000000 url(bg.jpg) no-repeat;
}

#content{
margin:0 auto;
width:949px;
text-align:center;
height:100%;
}

.logo{
width:949px;
height:150px;
}


#bodygore{
width:949px;
height:179px;
background:url(gornopar4ebox.jpg) no-repeat;
}
#bodysreda{
margin-top:-100px;
width:949px;
height:100%;
background:url(par4ebox.jpg) repeat-y;
}

#bodydolo{
width:949px;
height:260px;
background:url(dolnopar4ebox.jpg) no-repeat;
}

</style>

Ето ти го и жестоко ти препоръчвам да ползваш за width и height проценти а не пиксели...
 
Едит...
shterev каза:
#content{
margin:0 auto;
width: 949px;

}


Махни height:100%;
Защо в content колега? Не виждаш ли body-то дето е дефиренцирано там... гледай че освен бекграунд няма друго зададено.
 
DeathGuard_ каза:
Едит...
shterev каза:
#content{
margin:0 auto;
width: 949px;

}


Махни height:100%;
Защо в content колега? Не виждаш ли body-то дето е дефиренцирано там... гледай че освен бекграунд няма друго зададено.

Не те разбрах какво искаш да ми кажеш.Сега като разгледах кода при мен , ми стана ясно ,че нашия човк е задал черен фон на бодито , а и ЦВЕТА на текста му е черен , та колкото и да го центрира резултата няма да види.


Та пич ето ти кода:

<!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">
<head>

<title> Добре дошли!</title>

<style type="text/css">
body{
background:#000 url(bg.jpg) no-repeat;
color:#fff;
}

#content{
margin:0 auto;
width:949px;
border: solid 1px red;
}

.logo{
width:949px;
height:150px;
}


#bodygore{
width:949px;
height:179px;
background:url(gornopar4ebox.jpg) no-repeat;
}
#bodysreda{
margin-top:-100px;
width:949px;
height:100%;
background:url(par4ebox.jpg) repeat-y;
}

#bodydolo{
width:949px;
height:260px;
background:url(dolnopar4ebox.jpg) no-repeat;
}

</style>
</head>
<body>
<div id="content">


<div id="logo">
<img src="logo.png" />
</div>

<div id="bodygore"></div>
<div id="bodysreda">
kahsfjabhfsjabhjfslajnsvfjasnbvjasbvjabvja bvjabvjasjab vjbajlv
</div>
<div id="bodydolo">Wsi4ki prava za GoL</div>




</div>
</body>
</html>
 
text-align:center свърши работата мерси на всички :)
 

Back
Горе