CMS Made Simple Forums

I use this CSS code :

  display: block;
  width: 250px;
  border: 2px solid #feecde;
  border-top: 27px solid #feecde;
  margin: 10px 0px 0px 0px;
  padding: 10px;
  font-size: 12px;
  line-height: 15px;

With IE6 the width of the block is 250 pixels but with firefox the width is 250 + 10 (padding) + 4 (border).

How can I set the width of this block 250 in IE6 and in Firefox.

Please help !!!!!

Musicscore

Hi There,

Check that you are not using "quirks" mode, this causes IE to use the wrong box model.

Basically check your doctype, it should look something like the below: Potentially this is quite a deep subject but a sound understanding of the box model is very useful. You can read more here http://www.quirksmode.org/css/quirksmode.html

Post a link if you are still stuck.

Bob

I never understood this but YES YES, this is the solution.
Using 'stirct mode' [font=Verdana] [/font] solved my problem. 

On the otherhand, got a new problem.
I always used a table with a height of 100%. This gave me a table with filled the who screen.
In strict mode this doesn't seems to work. 

Is there a solution for this problem ??

Thanx again.

Musicscore

Can someone help me with the described problem.
In strict mode I cann't get the height of my table (screen) 100% of the screen with IE6.

Please help

Musicscore

Hi Musicscore,

Strict mode makes life very difficult, I would recommend transitional mode (as in my previous post) unless you have a very good reason for strict. View the source of some of your favourites websites and the chances are they are using transitional.

I don't use table but I think the below css will help. Make sure your table id=main Bob