CSS question.

[Smo]

How can i make the main area of the page (the bar where it says "news" now) change width according to screen width/resolution?

now if I look at the page at res. 800x600 the middle area will overlap the right bar. or if I make the res higher then 1024x768 the main area will look too small.

Page> http://www.maqn.com/temp/home.html

CSS> http://www.maqn.com/temp/mainCss.css

[stevenha]

I would try, making your "News" rectangle thing, into a simple table with 1 row, both having width 100%.

[jason]

There are a number of ways to do it in CSS without resorting to using tables. The easiest would probably be to set the news bar's margin-left to be as wide (or wider) as the blue bar on the left side and its margin-right to be as wide as (or wider than) the blue bar on the right. The don't set a width for that element. I think that will do the trick.

--Jason

[Vin DSL]

I agree with Jason. Besides, all those things that start with '#' are Level 2 which, as you found out, aren't supported by most browsers.

Draw your tables in your HTML, PHP or whatever files and not CSS.