The pages seem to work fine when you click on a link on the website. The page loads fine with minor css/html errors, but the main page is all messed up. I even tried clearing my custom css/html and using the template alone and it still loads funny. Firefox: Normal - works perfectly Google Chrome & IE8: Home page loads funny - rest is fine with minor css/html errors. Anyone know why this is? Are Google Chrome and IE8 behind in the trends? Anyone have these same problems and know of a place that will help you fix them by debugging your script?
The undesirable rendering has nothing to do with being behind in "trends". If anything, I would say that Gecko (Firefox) is the oddball in the display department this time because Webkit (Chrome, Safari), Presto (Opera), and Trident (IE) all display it the same, different from Gecko. There is a lot more code there than what is needed to get the desired effect. I disagree with the use of CSS margins in the code to position the three sections (sidebars + main content). In fact, the floating in combination with the margin properties may be causing the display issues. Instead of using margin play to position the three sections, you could just float: right all three sections or float: left the sections depending on the order you wish to have the sections in your code. This method, if done properly, would also get consensus in all the browser.
How did you check that? Thanks, I just figured Fire Fox was ahead in the trends since it has 50% of the internet users. I have a ton of css/html code to figure out. I suck so much at it still.