Mon, 2010-03-01 01:18
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.
Mon, 2010-03-01 01:26
#1
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?
Mon, 2010-03-01 19:53
#2
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 
Tue, 2010-03-02 09:54
#3
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.