Hello
I'm working on my wedding website and I'm having problems getting things to
build up in the right layers. In quark I'd just say "Bring to Front" but I
can't figure out how to do the equivalent in css.
The website in question is: www.aebi-moyo.com
I have an image running down the left hand side of the page, a grey bar running
across near the top of the page and an photo sitting on top of the bar.
The grey bar runs behind the photo OK but in front of the image on the left.
I've tried various things - floating images, etc but to no avail. What I can't
work out is that the code is the same for the image and the photo and yet
they're behaving differently.
It works OK in IE but I'm guessing that's because I've done something wrong (!)
but not in firefox or opera. Here's the html:
<body>
<div id="sidebar"><img src="/Images/side_bar_invite.gif"
alt="Invitiation"></div>
<div id="horizontalbar"></div>
<div id="image"><img src="/Images/photo.gif" alt="Tandi and Nicole
dancing"></div>
<div id="nav"><p>Home • Travel • Venue • Accommodation • Photos •
RSVP</p></div>
<div id="title"><img src="/Images/title.gif"></div>
<div id="content">
<h2>5pm 14 April 2007</h2>
<p>Text</p>
</div>
</body>
And the css:
#sidebar {
position:absolute;
top: 0px;
left: 0px;
}
#image {
position:absolute;
top: 30px;
left: 110px;
}
#horizontalbar {
position:absolute;
width:100%;
height:10px;
background-color:#666666;
top: 50px;
}
#title {
position:absolute;
margin-top:20px;
right: 10%;
}
Thanks
Nicole
___________________________________________________________
All new Yahoo! Mail "The new Interface is stunning in its simplicity and ease
of use." - PC Magazine
http://uk.docs.yahoo.com/nowyoucan.html
______________________________________________________________________
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/
