Another cross browser compatibility problem

[_Bat_]

Hi everyone!

 

I'm posting this on behalf of a friend who is too shy to post here so I promised I'd do it for him at peak forum hours . It seems no other computer related forum has been able to help him.

 

He is in the process redeisgning one of his websites and has come across an issue with Internet Explorer 6 and below. The website is http://www.worldofphp.com .

 

In IE7 and firefox, the site navigation is correctly positioned, but in IE6 the navigation appears at the bottom of the page. We are guessing this is a CSS problem, but have no idea where! There are several comments in the CSS which explains several things they have attempted to get it right and all appear to have failed.

 

Any advice would be much appreciated

 

Thanks

 

James

[webman]

Looks OK in IE6 to me.

[_Bat_]

Thats weird. Hang on, i'll get some screen shots to show what I mean...

[tom_newton]

It wouldn't be a caching problem, by any chance? Try clearing out ie6's cache, and using a forced reload...

[plexer]

If it's about phones and pda's why is it called wordlofphp? sounds like a good domain for info and code using php.

 

Ben

[_Bat_]

Okay here is a screen shot. It is not a cache problem as it did the same at home for my friend and myself. Apologies for the quickly drawn arrow and the delay, but the printer broke down and e-mail went down all in one go at school just now

 

The arrow shows that the navigation bar is at the bottom of the page where it should be at the top.

 

As for the content of the site, I have no idea why thats on there lol. It used to be about PHP, not sure what he is turning it into now.

 

EDIT: Sorry Plexer, I often tend to incorporate the image into the page out of habit. Here it is attached

[plexer]

Attaching the screenie would be good.

 

Ben

[_Bat_]

K, I changed it

[plugged_in]

here you go mate in the style sheet replace the existing class and change to this:

 

.content

{

padding: 0;

margin-top: 7px;

margin-right: 215px;

margin-bottom: 30px;

margin-left: 20px;

}

[_Bat_]

Thanks for that. I'll get him to give it a go tonight

 

If that is the cause, its interesting that IE7 accepted that but not IE6... oh well. Bring on the religion of Mozilla!

[plugged_in]

yeah no worries dude.

[richbeck2]

Hi guys,

 

This is my problem (James has just pursuaded me to finally make an account on this forum).

 

His screen shot above {taken by one of my friends on his computer} shows the same as on all of the computers in my college. They are using Internet explorer 6 I believe and I think IE 5 is affected in the same way. I think this is a microsoft error, but since most people use IE (even as old as IE 4) I would like to have it fixed.

 

Could be a CSS Code problem, there is not much HTML actually on the site.

 

EDIT:

 

I forgot to mention the reason the domain name is WorldOfPHP is this is my test domain for new projects, if they take off or all the coding works properly then i re-brand them. It saves spending money on new domain names untill the coding is all working. The site is nearly up and running although I have a few small bugs to fix (and need to improve the colours in the CSS). The domain name was intended for coding PHP (a help site) and when i ran out of time a couple of years ago i just kept the name.

[plugged_in]

did you try the css i suggested?

[_Bat_]

did you try the css i suggested?

 

I just pointed that out to Richard, apparently he didn't see it.

[richbeck2]

The most annoying part of this problem is:

 

The only place i can test if it works is at college or by emailing a friend who has the same problem. So i will let you know as soon as i get a reply (this is why it has taken me so long to fix the problem)!

[plugged_in]

what you need to do is download a standalone version of IE6 I will try and get the right link.

 

and then download the source code for that page and the css. Make the style change i said and you will see that it works (well does for me)

[_Bat_]

Looks like the problem is solved to me...

[richbeck2]

IT WORKS!!!

 

THANK YOU!!!

 

I am so happy about this, your CSS made no sence to me and I thought it would not work in a million years but my mate just replied and he confirms your solution works. (I am only good at editing CSS not writing form scratch)

 

Thanks again,

 

 

 

 

 

Richard

[plugged_in]

No worries you can buy me a drink haha

[_Bat_]

No worries you can buy me a drink haha

 

Now now, that'll have to wait until Friday, you have work tomorrow

[plugged_in]

haha damn