On Wed, 07 May 2008 20:27:38 -0700, [EMAIL PROTECTED] wrote:
>[...] What is the
> professional or commercial way of dealing with browser differences in CSS?
> For
> instance in the following:
>
> .thing {
> position:absolute;
> left:100px;
> top:100px;
> width:100px;
> height:100px;
> border:1px solid black;
> }
>
> <div class="thing"></div>
>
> In IE6 the DIV is positioned at 100,100 and the outside dimensions of the box
> are 100w
> x 100h. In FireFox the DIV is also positioned at 100,100 but the outside
> dimension of
> the box is 102w x 102h. What is the preferred method for adjusting for this
> difference
> so that both browsers have a DIV with an outside dimension of 100w x 100h.
>
Here's one suggestion:
.thing {
position ...
*border: 1px solid black;
outline: 1px solid black;
}
(But it may be better to use MSIE "conditional comments" to single out IE,
rather than the star -- especially with the imminence(?) of IE8.)
Cordially,
David
--
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
