PDA

View Full Version : Resolved Absolute position problem



kyllle
04-02-2009, 11:23 PM
Hi all,

I have an absolute position problem, basically I have set my logo to position: absolute with the appropriate top, left settings but I want the logo to sit flush to the top body not top mainBanner, it appears to work ok in ie but not in ff?

Webpage is here http://www.glen-lodge.co.uk/testing/quilly/newSite/index.html

Any help or advice would be great!!

Thanks in advance

Kyle

TinyScript
04-02-2009, 11:37 PM
add px and see if that helps. Otherwise, I have no idea

TinyScript
04-02-2009, 11:43 PM
get rid of the relative position attribute in the body style and it works


<style type="text/css">
*{
margin: 0;
padding: 0;
}

body{
background: #002d47 url(images/bg.gif);

font: 76% Georgia, "Times New Roman", Times, serif;
color: #fff;
line-height: 1.2;
text-align: center;
}

#logo{
position: absolute;
top: 0px;
left: 50px;
}


#mainBanner {
clear: both;
width: 1024px;
height: 315px;
margin: 32px auto 0 auto;
background:url(images/mainBanner.gif) center top;
}

#wrapper{
width: 900px;
margin: 0 auto;
text-align: left;
color: 000;
}

/***Navigation*********************************************************************/

#navWrapper{
width: 900px;
margin: 0 auto;
position: relative;
top: -49px;
}

#nav {
font-size:93%;
margin: 0;
}

#nav ul {
float: right;
margin: 0;
padding: 10px 0px 0;
list-style:none;
}

#nav li {
float:left;
background:url(images/unactiveLeft.png) no-repeat left top;
margin:0 0 0 5px;
padding:0 0 0 5px;
}

#nav a {
display:block;
background:url(images/unactiveRight.png) no-repeat right top;
padding:10px 18px 10px 10px;
font-size: 140%;
text-decoration: none;
font-weight: 600;
color: #fff;
}

#nav #current {
background-image:url(images/activeLeft.png);
}

#nav #current a {
background-image:url(images/activeRight.png);

}

</style>

kyllle
04-02-2009, 11:55 PM
Thanks!! that's weird it didn't work when i tried it first time so thats why i placed position: relative in the body to see if it would react to that!!

Sorry for wasting your time guys

Thanks!!

Kyle