Posted by Vladdy on 07/01/05 18:41
Marc Bradshaw wrote:
> Vladdy wrote:
>
>> IE does funny things with floats. I would suggest using a more robust
>> method for 3 column layout.
>
>
> Such as?
>
My personal favorite is the absolute positioning of the side columns
with corresponding left and right margins for the content.
>> Also consider:
>> - using font units for blocks that contain text i.e. the navigation
>> block. Things start looking bad after one Ctrl+ in Gecko and break
>> apart after two.
>
>
> Yeah, I noticed this. What do you mean by 'font units'? Are you
> suggesting I use fixed font sizes (eg. pt or px) for the menu and such?
Quite the opposite, use em or ex to specify the width of a block such as
navigation.
>> - specifying min and max width for the page body. When a page is too
>> narrow, you header graphics look weird with the bloke's picture being
>> overlapped by the blue square. When a page is too wide the reading the
>> main content becomes a pain in the neck, literally.
>
>
> I wasn't aware you could do this. Presumably this is achieved with a
> CSS property assigned to the <body>? If so, which one?
Real browsers understand min-width and max-width CSS properties. You can
achieve close enough behavior using proprietary expression() to
calculate CSS value in sub-par HTML renderer aka IE
> Thanks for your help.
>
> Marc
See if this helps:
http://webdeveloper.klproductions.com/demos/layoutoptions.html
--
Vladdy
http://www.klproductions.com
[Back to original message]
|