IE 7 Break down

[c0ding_n00b]

hey I am working on this site http://www.furniturelandnewjersey.com/test.html
and have a problem getting the html elements to align correctly in ie7. I have a separate style sheet, but i cannot seem to move the main table back in line.

I tried using absolute element positioning but that has failed.

ANy help would be great.

Side note in some browsers, IE9, Chrome 10, the sidebar and the header turn off white yellowy.

[abduraooft]

I have a separate style sheet, but i cannot seem to move the main table back in line.

Normally, no one need a compete IE specific stylesheet. If the markup is well formed, then everything would be alright even in IE browsers, though a very little hacks/tweaks may required.

Now, your current http://www.furniturelandnewjersey.com/ie7.css is completely wrong as some how it has got strange syntax errors in it. See http://jigsaw.w3.org/css-validator/v....com%2Fie7.css

but i cannot seem to move the main table back in line.

Add

*{margin:0;padding:0;}

into your CSS to remove all browser specific default values of margins and paddings from all elements.

[c0ding_n00b]

Ok. So I looked at the validation css and used the recommended version, so there are no bugs in the css styling. Thanks that is a good tool.

However, the problem persists in ie7. I am really baffled. Even tried the 0 padding and margin thing. No luck.

The bottom table in the footer is also very much out of line.
The header logo should be aligned leftward and the table with the red line should be over right next to the side nav.
Not sure how to resolve this.

Still have the weird change in color to off white on header and side nav bar in ie9 ff3.6+ and safari4.

[c0ding_n00b]

Updates:

Was missing a closing </section>
Darn HTML 5 .

Only problem is the header is still centered instead of left.

And of course the strange color thing with off white shades on the side bar and the header. Not even sure how/why that happens. Will go through all coloring/background coloring styling, but am certaint hey are all either FFF or FFFFFF.

And keep you guys posted

[c0ding_n00b]

Ok got the issue is resolved by making my top image 1000px long. Not exactly the best work around, but it gets the job done. I think ie7 and below tried to center it and align it against the header menu.