(Sizing with FF+IE) & (Positioning with IE) on big screen

[lacroixca]

2 little problems that occur only on my large screen desktop with my website :

http://www.mechantdesign.com/


Here's a link of the result on a large screen.

http://www.mechantdesign.com/help.html

PROBLEM #1

The first problem occurs with both FF and IE. All the text gets bigger while the background stays the same.

How can I force the text to stay at the same size?


PROBLEM #2

The second one appears on IE. My main text is pushed to the right. BUT ONLY on a large screen...

The left margin doesn't seem to relate to the browser page but to the left sidebar. How can I keep it well positionned?


Thank you for your help.

[ctoz]

I had a quick look at the css: your critical widths seem to be all set in pixels. You could try using ems, as this usually will maintain the size relationships amonngst elements at different screen resolutions.

[abduraooft]

The way you used the CSS to make that layout is not so good. Usually properties like left/right and top/bottom won't play well with relative/static positioned elements. At the same time you shouldn't use absolute positions to cure the above stated issue, as the absolute position has many pitfalls(though it's very useful in some cases).

With that said , take a look at http://bonrouge.com/2c-hf-fixed.php, to see how to make a good 2 column layout.