I have a content area of 800px and the main body of the site has a coloured background. I have inserted my photoshop layout fine and now what I need to do is line up a div to my template. The Photoshop layout has a border and I thought I could create a div with two side borders and line them up. As the Photoshop borders start a little inward than 800px I figure this won't be a problem, just make the element a bit smaller and line it up.
I have managed to do this and it works fine in IE6/7 but in Firefox it always displays as a pixel or two out, if I change the style sheet, hey presto it works in Firefox but is now out on IE. I have tried absolute positioning as well to no avail. Is this a case where I should have two stylesheets to detect the browser? I have tried looking up cases of this and most answers point to absolute positioning.
Also how come we don't have like a big agreed set of standards regarding this stuff? It's really annoying when you have to test all these different browsers.
I have managed to do this and it works fine in IE6/7 but in Firefox it always displays as a pixel or two out, if I change the style sheet, hey presto it works in Firefox but is now out on IE. I have tried absolute positioning as well to no avail. Is this a case where I should have two stylesheets to detect the browser? I have tried looking up cases of this and most answers point to absolute positioning.
Also how come we don't have like a big agreed set of standards regarding this stuff? It's really annoying when you have to test all these different browsers.
