...

View Full Version : Resolved Absolute position problem



kyllle
04-02-2009, 10: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, 10:37 PM
add px and see if that helps. Otherwise, I have no idea

TinyScript
04-02-2009, 10: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, 10: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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum