Member Avatar for sim1987

Hi everybody,

If any of you could help me test my homepage, I would really grateful. This is the 3rd or 4th time I've redesigned it and I keep getting different results on Firefox and Internet Explorer.

To get to the point, on my screen (15" 1024*768) using IE the right hand column is further down (the calendar title is roughly in line with the About Us! title, see picture attached.). Using Firefox and Opera, I've had no problems on my screen.
I've also tried a 19" screen at both 1280*1024, and 1024*768, and the page worked fine on both IE and Firefox.
I've also had a friend try the page out on an 11" screen on IE and it looked fine.
If any of you could test different screen sizes/resolutions and let me know how it looks or provide a screen shot that would be great.
Or if you could give me an idea of why on IE at my resolution at my screen size it goes skewed that would be great too.

This is my first site by myself so any help at all would be so so helpful to me.
Thanks

sample.jpg 52.53 KB
  • 3 Contributors
  • 6 Replies
  • 98 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by sim1987
Member Avatar for teedoff

hmnmmm let me magically guess your page URL.

Member Avatar for teedoff

First I would recommend fixing your validation errors which you can view here.

Now, I'm not sure I see an issue. I viewed in IE8 and firefox 3 and see no difference. Could you better explain what issue you are seeing AFTER you fix all the code errors you can. Especially the simple ones such as missing a closing </ul> tag or inproperly nesting divs in an inline element. Post back when you're done.

Member Avatar for almostbob

these standard test beds may assist you http://analyze.websiteoptimization.com/authenticate.php?url=http://allsaintsurc.webs.com/webproject/& Speed

http://validator.w3.org/check?uri=http%3A%2F%2Fallsaintsurc.webs.com/webproject/&charset=%28detect+automatically%29&doctype=Inline&group=0 html check, minor faults, XHTMl requires lower case keys

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fallsaintsurc.webs.com/webproject/&profile=css21&usermedium=all&warning=1&lang=en CSS check, all good

http://demo.opera-mini.net/demo.html?allsaintsurc.webs.com/webproject/ handheld , the potential results of css @media handheld { } , very difficult to read as is

http://browsershots.org/http://allsaintsurc.webs.com/webproject/ valid only 24 hours
http://www.browsershots.org other browsers, a little buggy

many problems (if present) will show
serious code errors in the w3c validator sites will produce blankscreens in browsershots

Valid code does not ensure the site will work ...
Invalid code ensures the site will not work ...
.. in all browser OS combinations

not all layouts work in handheld devices
strictly code based, you understand your content more than I would

Edited by almostbob because: n/a
Member Avatar for sim1987

Thanks for that both of you, very helpful. After looking at the validator I think I've corrected the ones I can correct, however seeing as apparently I am using "strict" I can't use IFrames and the search form comes up with errors in validator too. Any ideas how to replace these?

Teedoff, the problem I have is that on my home computer using my 15" 10248768 screen, and IE9, as you can see in the screenshot, the "Calendar" section in the right hand column is down around the same level as "About us" when it's supposed to be about level with the "Clubs & Groups" heading in the left hand column. In Firefox 4 it's fine, but I've checked and re-checked the CSS and the only difference I can remember making is changing the left hand column spacing after each section.
On all other computers I have tried it looks fine in both IE and FF.

Thanks again, hopefully with help from you lot I'll be able to produce a reasonable website.

Member Avatar for sim1987

Ok, I have had another look around and found the exact fault. When I check my page in Internet Explorer 9 at home, the browser mode is IE9 compatibility mode, with IE7 standards as the document mode. However this only happens at home, using IE9. So I'm stumped as to why Firefox 4 picks up the page fine, and IE9 doesn't.

Like I say, it's only at home, I'll try to replicate it on a laptop at work tomorrow but it seems to be something to do with IE9 and screen size.

Any ideas? Thanks

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.