On May 8, 2008, at 1:24 PM, David Hucklesby wrote:
>> .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.)
Or, instead of going the hackery route, just put both browsers in
Standards compliant mode by having a valid doctype at the very top of
the page.
The box will then have the same dimensions in all browsers: 102px by
102px.
Width=content-width + border.
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
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/
