473,386 Members | 1,694 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,386 software developers and data experts.

Hidden navigation on test in IE5x

riccom
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
3 1142
drhowarddrfine
7,435 Expert 4TB
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
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
7,435 Expert 4TB
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

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

Similar topics

2
by: Ryan | last post by:
(Sorry if this gets posted twice. News server acted up on me.) Greetings - I am in the last stages of developing a site for a musician, and I have a few questions. Site in question:...
5
by: Charles Blaquière | last post by:
As part of my explorations in liquid design, I'm exploring ways to use the overflow: hidden property -- when browser windows become too narrow, I want (some) images to get cropped rather than have...
9
by: Theodore A. Jencks | last post by:
Hi All, I have a problem that is two fold. First a little about the enviroment I'm using; I am running Microsoft Windows XP with all security patches applied. I use Mozilla 1.6 for all testing...
3
by: Claus Walny | last post by:
hello! Please help me, i`m in troble with my navigation bar... http://www.orientdienst.de/test/test.html (the css is http://www.orientdienst.de/css/style.css) I want the navigation bar in...
7
by: Michael Jaeger | last post by:
Dear ciwah, I'm in the process of designing a German school web site, and I need the help of you experts. I wrote the navigation (CSS based, no javascript), which looks OK in IE, Firefox and...
2
by: Sisnaz | last post by:
I'm working with 2005 Beta 2 and I'm sure this is a trivial question but for the life of me I can't figure out. I placed a menu navigation componet on my master page and defined the navigation...
3
by: Paul | last post by:
I want the <div id="navigation"column to be the same color all the way to the bottom. The "background-image: url(bg_menu_tile.gif);" was a try to force it with a long 1-pixel graphic - didn't...
2
by: John | last post by:
I have CSS drop down navigatoon bar and it works fine. However, when I have page where I have an <embed - needed to show a PDF file, such as: <embed src="Security.pdf" width="900"...
1
by: kallol | last post by:
I have a simple HTML page where I have a form with in a <div style="height: 600px; width: 100%; overflow: auto;">. The mentioned div styles are mandatory to get the expected behavior of the div. ...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.