3 replies [Last post]
random_ste
random_ste's picture
Offline
newbie
Keighley
Last seen: 11 years 21 weeks ago
Keighley
Joined: 2008-11-28
Posts: 6
Points: 4

Well its like this... I am working on this site: http://www.pebbleworks.co.uk/rjm/

I am working on a site for my brother... and I edited the Css for firefox and never checked it in IE which was a huge mistake... now I have pretty much finished and it looks great in firefox... how ever there is some major issues in IE8 and Opera which am not liking... The top main content isnt border isnt stretching... and the sidebar is been pushed to the bottom for some reason.

I seen a few in safari and chrome to but nothing serious just for some reason the legends have decided to go down slighty, you can see this on the captcha on the contact form... also in all the browers when I click on a comment link for some reason the page goes dodgy... not sure why...

But any help would be really great and I would really apprechate it. As this doesnt make sense to me... any light shed on why this is happening would be great.

Thanks in advance.

random_ste
random_ste's picture
Offline
newbie
Keighley
Last seen: 11 years 21 weeks ago
Keighley
Joined: 2008-11-28
Posts: 6
Points: 4

IE Problems

Also noticed its a complete mess in IE7 I can see most the problems and know how to fix them accept not sure why the floats and boxes are vanashing?

random_ste
random_ste's picture
Offline
newbie
Keighley
Last seen: 11 years 21 weeks ago
Keighley
Joined: 2008-11-28
Posts: 6
Points: 4

Really Happy

It turns out I accidently knocked a > off on one of my divs which was making it go weird in IE and opera but for some reason firefox, chrome, and safari corrected it... It should of come up as an error so I new I should of xhtml checked it with w3c but I assumed I had messed up in css... Did think it was oddly strange. But am glad...

So basically if you get werid problems make sure your xhtml is good aswel as css Smile

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 29 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

This will help. Download and

This will help.

Download and install the html Tidy extension for Firefox this will place an icon bottom right that will indicate with a green check mark a valid markup file or red cross some problem, clicking will open up a validation check of the source code with highlighted issues.

Checking markup actually is far more important than checking CSS. CSS has built in error handling routines, sadly markup doesn't. Error handling for text/html is dealt with by the tag soup rendering engine which rather than baulk at errors attempts to second guess what was intended and silently correct things, far more of a problem as all browsers will have a different view on what the fix or issue was.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me