Thanks for the prompt reply Philippe,
However, it doesn't look like box-sizing property is being recognised by the
Safari browser. I am using version 2.0.4.
And, yes unfortunately, I cannot change the doctype.
Do you have any other suggestions?
Kind regards,
David G. Hong
-Original Message-
From: Philippe Wittenbergh [mailto:[EMAIL PROTECTED]
Sent: Wednesday, January 24, 2007 7:40 PM
To: CSS-D
Subject: Re: [css-d] Box Model's width property and Safari
On Jan 24, 2007, at 2:56 PM, David Hong wrote:
I was wondering if there was CSS property like: -moz-box-sizing:
border-box; for Safari. I have searched on google and css-d mailing
list but I couldn’t find any solutions to this. Another solution is
to work the other way around which is to make IE7’s box model
behave like Firefox and Safari’s.
...
Then in Firefox and Safari, the content divider’s right border is
slightly (by 2px) right to the ones in the image. On firefox, I can
force border-box so that the width includes the widths of both left
and right borders. However, on Safari I am not able to achieve this.
I am using !doctype html public -//w3c//dtd html 4.01
transitional//en.
If you use a full doctype, then IE 7 (and 6) will be in standards
mode and use the same box-model as other browsers.
If, for whatever reason, you cannot change the doctype, Webkit and
Safari support the CSS 3 syntax for the -moz property you mention
div {
-moz-box-sizing: border-box; /* Gecko based browsers */
box-sizing: border-box; /* CSS 3 draft, Webkit, Safari, IE 5 Mac,
Opera 9, Konqueror ? */
}
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/