Hi,
I want to place a div centered of another div in IE. I get this to work
in Mozilla, but not in IE.
The code i use for mozilla is the following :
<html>
<head>
<style type="text/css">
#content {
position : absolute;
top : 100px;
bottom : 100px;
left:0px;
right:0px;
width:100%;
height:400px;
}
#banner {
position : absolute;
margin-left:auto;
margin-right:auto;
left: 0px;
right: 0px;
width : 150px;
height:60px;
bottom : 0px;
}
</style>
</head>
<body>
<div id="content">
<div id="banner">Content</div>
</div>
</body>
</html>
The code i use for IE is this :
<html>
<head>
<style type="text/css">
#content {
position : absolute;
top : 100px;
bottom : 100px;
left:0px;
right:0px;
width:100%;
height:400px;
text-align:center;
}
#banner {
text-align:left;
position:absolute;
width : 150px;
height:60px;
}
</style>
</head>
<body>
<div id="content">
<div id="banner">Content</div>
</div>
</body>
</html>
The problem is that banner div starts in the middle of the page. The
most left position is the center of the page. But i want it to be
centered in the div. If I leave out position:absolute it gets centered
but it's placed on top of the content div
Anyone got an idea how to solve this ?
--
DaWoE
