antmanbee wrote:
>> I have the following code put on a simple layer:
>>
>> .box {
>> padding: 10px 30px 30px;
>> height: 500px;
>> width: 465px;
>> }
>>
>> this keeps the inserted text at a consistent distance from the box on the
>> left hand side and the top (in Firefox etc).
>>
>> but how do I, and where do I put in (I'm assuming) the 'box model hack', and
>> which version of it would be best to use?
> http://www.proctor.mistral.co.uk/css_test.htm
May I suggest that you don't put paddings on containers, but instead set
'full width' on them and add suitable margins to content - paragraphs
and stuff.
That way you'll only have the width of borders (if there are any) that
may create minor differences between Strict- and Quirks mode
browsers/versions. Rarely ever any need to 'hack the box' then.
I will also suggest that you avoid using pixels for 'font-size' and
'line-height', and avoid setting 'height' on containers, as it starts to
get ugly once some font-resizing is applied in any of my browsers.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
