By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,625 Members | 2,235 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,625 IT Pros & Developers. It's quick & easy.

Hidden navigation on test in IE5x

riccom
P: 8
Hi Guys/Gals,
I posted a thread yesterday but with some persistence I think I've got half the problem solved. When I test my page in IE5x the navigation moves behind the header image. Today I tested the same page in safari and this problem did not occur. In safari I also noticed that my bottom image is beginning to repeat, just one strip. I do have no-repeat in my code. Any reason why these are happening?

Love to get your response,

ricco-m
Apr 9 '07 #1
Share this Question
Share on Google+
3 Replies


drhowarddrfine
Expert 5K+
P: 7,435
Without the complete code or a link we can only guess.
I really see no reason to worry about supporting IE5.
Apr 9 '07 #2

riccom
P: 8
Hi drhowarddrfine,

I value your response, opinions and comments. I must reiterate though, that I am a graphic artist turning to web designer, so I am relatively new to CSS. because of its precise positioning I can have control on almost everything I do. Having said that here is the problem I am encountering.

ricco-m

[IMG]jmabg.jpg[/IMG]

CODE:
#wrapper {
width: 720px;
margin-right: auto;
margin-left: auto;
position: relative;
font-family: Verdana;
text-align: left;
}

#headnav {
position: absolute;
left: 20px;
top: 102px;
width: 549px;
height: 56px;
margin: 0;
}

#header {
width: 700px;
height: 221px;
}

HTML:

</head>
<body>
<div id="wrapper">
<div id="header"><img src="images/centerimages/bgtop.jpg" alt="#"></div>
<div id="headnav">
<ul>
<li class="button_1"><a href="#"></a></li>
<li class="button_2"><a href="#"></a></li>
<li class="button_3"><a href="#"></a></li>
</ul>
</div>
<div class="page">
<div class="col_A">
<img src="images/centerimages/bgmiddle.jpg" alt="">

Again any and all help is appreciated.
Apr 9 '07 #3

drhowarddrfine
Expert 5K+
P: 7,435
The reason this is probably happening is because the header is positioned 'absolutely'. This removes that element from the normal flow, allowing other elements to rise up into that position.

I cannot check it in Safari because, like I said before, we need the 'complete' code to do this.
Apr 10 '07 #4

Post your reply

Sign in to post your reply or Sign up for a free account.