Hi,
This may have been discussed several times so please forgive me its
not new...
Here is the code from the situation:
(header code)
.body {
margin: 0 auto;
text-align:center;
}
.wrapper {
width:950px;
height:800px;
margin:10px;
text-align left;
}
So far so good. My page is now centered and contained.
Now, here is where I run into problems:
First the code:
.header-container {
position:relative;
top:0;
left:0;
width:950px;
height:150px;
}
.logo {
position:absolute;
top:5px;
left:5px;
width:150px;
height;100px;
}
.billboard {
position: absolute;
top: 5px;
left: 155px;
width:750px;
height:150px;
text-align:center;
}
...................................
The resulting XHTML:
<div class="wrapper">
<div class="header-container">
<div class=""logo>LOGO IMAGE HERE</div>
<div class="billboard">BILLBOARD CONTENT HERE</div>
</div>
</div>
..................................
So, as you can see, it's a header with explicitly positioned
elements. The problem I run into is that every time I try to put in
"billboard", I have to give it a huge negative margin.
Why is this? What am I doing wrong?
Also, how would this rule apply when you want to position a
container, which will have its own positioned child elements?
Thanks for your help!
DC
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
