Anyone know of a better way to code my navigation in my header so it will work with all browsers and versions of browsers?
Currently it does not work with IE 5.0. It does work with latest firefox, netscape and IE 6.0. Not sure with anything else.
IE explorer 5.0
Brian! How goes it? I'm afraid I don't have any great solution (what exactly is the prob in ie5.0?), but I wanted to say how much better your site is looking (including your nascar page). and both your html and css validated!!!
congratulations.
larmyia
IE explorer 5.0
The problem in IE 5.0 is the navigation in the header. Instead of the links going across they are going down and the image is repeated 4 times.
IE explorer 5.0
Does anybody still use IE5?
IE explorer 5.0
IE explorer 5.0
Yes, my dad does.
IE explorer 5.0
Hi
If you pop over to www.pmob.co.uk he shows how to make horizontal menu's that work in all browsers. His site is really SIMPLE to navigate (no frills whatsoever).
Trevor
IE explorer 5.0
I am trying a new approach to my navigation menu. I'm having problems with the space between the menu and the bottom of the header. I want the menu to be slightly above the bottom of the header. In IE 6.0 there is too much gap and in firefox there isn't any gap. Below is the code I'm using.
#nav ul { padding:0; margin-left:5px; white-space:nowrap; color:White; float:left; border-left:1px solid #fff; border-right:1px solid #fff; border-top:1px solid #fff; border-bottom:1px solid #fff; } #nav ul li { display:inline; } #nav ul li a { padding-left:1em; padding-right:1em; font-family:'Comic Sans MS', serif; font-size:10pt; color:White; font-weight:bold; text-decoration:none; float:left; border-right-color:#fff; border-right-style:solid; border-right-width:1px; } #nav ul li a:hover { background-color:black; color:red; }
or
IE explorer 5.0
Hi
You might need to set the all the margins, as IE and FF set these differently by default:
#nav ul { padding:0; margin:0 0 0 5px; white-space:nowrap; color:White; float:left; border-left:1px solid #fff; border-right:1px solid #fff; border-top:1px solid #fff; border-bottom:1px solid #fff; } Trevor
IE explorer 5.0
ClevaTreva, that seemed to work but there still is a small problem with IE 6. There is about a 1px added space below the header image. Sorta looks like the image is about ready to start repeating.
IE explorer 5.0
Hi
I assume you mean in IE5, as I can't see any probs in IE6.2.
Have you tried hiding any overflow:
overflow:hidden
Trevor
IE explorer 5.0
No the problem is in IE 6. The reason you didn't see it is because I changed my code back to the original which means now it doesn't work at all again in IE 5. I had almost given up.
I tried using overflow:hidden and it didn't work. I put the code back as in the ealier post so you can check it out what its doing.
IE explorer 5.0
Hi
From what I can see, there are a few things I might try.
1. Remove the width 100% from the header. It will inherit the width from the page div.
2. Style the margin and padding on the H1 style:
margin: 0;
padding: 0;
If you NEED left or right margin, then add these in.
Trevor
IE explorer 5.0
ClevaTreva, I did what you said plus adjusted the margins in the css code that was posted ealier and I got it working good. Now the problem again is does it work in IE 5? I can't test it now seems how my dad updated his IE to the lastest version. Thanks for your help.
IE explorer 5.0
It doesn't look too bad. Probably good enough for the number of people who use IE5.
IE explorer 5.0
Thanks Tyssen.
IE explorer 5.0
one less now that you're dad's finally upgraded!
IE explorer 5.0
If you ever want to check things in older versions of browsers: Evolt Browser Archive. (And you can run more than one version of IE at one time.)
IE explorer 5.0
I heard it wasn't such a good idea Tyssen.
or did I make that up??? probably...
IE explorer 5.0
What's not a good idea? Having more than one version of IE running? What's bad about it?
IE explorer 5.0
tbh I can't remember. somthing to do with the system. I think someone told me I'd have to partition my hard drive etc.
:roll: you live and you learn.
IE explorer 5.0
No, definitely not. You don't even have to install anything. The .exe files for the older IE versions just sit in a folder that you unzip. There's a good article on PIE about getting the standalones to display their version number and accept conditional statements too (all really simple).
IE explorer 5.0
one less now that you're dad's finally upgraded!
IE explorer 5.0
Thanks Tyssen. will look into that today
larmyia
IE explorer 5.0
One word of caution, the standalone things are a little tempremental. They worked fine on my first PC, but just refuse to work at all on latest one. They load the page, then imediately crash and close.
IE explorer 5.0
I knew that I'd heard something. thanks briski
thought I was going mad. well, probably am, but this proves nothing!