25 replies [Last post]
bmeek
Offline
Enthusiast
Indiana
Last seen: 11 years 16 weeks ago
Indiana
Timezone: GMT-5
Joined: 2005-08-24
Posts: 64
Points: 0

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.

brianmeek.com

larmyia
Offline
Elder
London
Last seen: 12 years 2 weeks ago
London
Timezone: GMT+1
Joined: 2005-01-25
Posts: 1060
Points: 0

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. Laughing out loud

larmyia

bmeek
Offline
Enthusiast
Indiana
Last seen: 11 years 16 weeks ago
Indiana
Timezone: GMT-5
Joined: 2005-08-24
Posts: 64
Points: 0

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.

drhowarddrfine
Offline
Leader
Last seen: 10 years 43 weeks ago
Timezone: GMT-6
Joined: 2005-05-21
Posts: 764
Points: 0

IE explorer 5.0

Does anybody still use IE5?

IE7 is 10 years behind the standards or wrong.
But it works in IE!
IE is a cancer on the web -- Paul Thurott

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

IE explorer 5.0

drhowarddrfine wrote:
Does anybody still use IE5?

It varies on who you talk to.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

bmeek
Offline
Enthusiast
Indiana
Last seen: 11 years 16 weeks ago
Indiana
Timezone: GMT-5
Joined: 2005-08-24
Posts: 64
Points: 0

IE explorer 5.0

Yes, my dad does.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 47 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

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

bmeek
Offline
Enthusiast
Indiana
Last seen: 11 years 16 weeks ago
Indiana
Timezone: GMT-5
Joined: 2005-08-24
Posts: 64
Points: 0

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

brianmeek.com

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 47 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

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

bmeek
Offline
Enthusiast
Indiana
Last seen: 11 years 16 weeks ago
Indiana
Timezone: GMT-5
Joined: 2005-08-24
Posts: 64
Points: 0

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.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 47 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

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

bmeek
Offline
Enthusiast
Indiana
Last seen: 11 years 16 weeks ago
Indiana
Timezone: GMT-5
Joined: 2005-08-24
Posts: 64
Points: 0

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.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 47 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

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

bmeek
Offline
Enthusiast
Indiana
Last seen: 11 years 16 weeks ago
Indiana
Timezone: GMT-5
Joined: 2005-08-24
Posts: 64
Points: 0

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.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

IE explorer 5.0

It doesn't look too bad. Probably good enough for the number of people who use IE5.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

bmeek
Offline
Enthusiast
Indiana
Last seen: 11 years 16 weeks ago
Indiana
Timezone: GMT-5
Joined: 2005-08-24
Posts: 64
Points: 0

IE explorer 5.0

Thanks Tyssen.

larmyia
Offline
Elder
London
Last seen: 12 years 2 weeks ago
London
Timezone: GMT+1
Joined: 2005-01-25
Posts: 1060
Points: 0

IE explorer 5.0

one less now that you're dad's finally upgraded!

Wink

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

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.)

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

larmyia
Offline
Elder
London
Last seen: 12 years 2 weeks ago
London
Timezone: GMT+1
Joined: 2005-01-25
Posts: 1060
Points: 0

IE explorer 5.0

I heard it wasn't such a good idea Tyssen.

or did I make that up??? probably...

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

IE explorer 5.0

What's not a good idea? Having more than one version of IE running? What's bad about it?

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

larmyia
Offline
Elder
London
Last seen: 12 years 2 weeks ago
London
Timezone: GMT+1
Joined: 2005-01-25
Posts: 1060
Points: 0

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.

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 5 years 50 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

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).

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

drhowarddrfine
Offline
Leader
Last seen: 10 years 43 weeks ago
Timezone: GMT-6
Joined: 2005-05-21
Posts: 764
Points: 0

IE explorer 5.0

Quote:
one less now that you're dad's finally upgraded!
No. I think he was the last one.

IE7 is 10 years behind the standards or wrong.
But it works in IE!
IE is a cancer on the web -- Paul Thurott

larmyia
Offline
Elder
London
Last seen: 12 years 2 weeks ago
London
Timezone: GMT+1
Joined: 2005-01-25
Posts: 1060
Points: 0

IE explorer 5.0

Thanks Tyssen. will look into that today

larmyia

briski
briski's picture
Offline
Elder
London
Last seen: 8 years 15 weeks ago
London
Timezone: GMT+1
Joined: 2004-02-16
Posts: 1066
Points: 0

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.

larmyia
Offline
Elder
London
Last seen: 12 years 2 weeks ago
London
Timezone: GMT+1
Joined: 2005-01-25
Posts: 1060
Points: 0

IE explorer 5.0

I knew that I'd heard something. thanks briski Smile

thought I was going mad. well, probably am, but this proves nothing!