Previous Message
Next Message

Re: [css-d] Header and Footer progress

Sent by Andrew Clover on 26 April 2002 08:08


Rob Stevenson [EMAIL-REMOVED]> wrote:

> In the header (only the Home, Resume and Techniques links work so
> far) links should be greenish when hovered, reddish when active.
> But IE5 Mac doesn't show any hover or active effect.

Yes, this is a known bug in IE/Mac: when fixed positioning is used
it gets the 'hover' areas of elements in the wrong place so these
effects won't work. I would have thought 'active' would work though.

(Since scripting onmouseover etc. is also affected, this means fixed-
position DHTML menus won't work on IE/Mac either. Oh, dear!)

> In Opera for Mac and Win and Netscape 6.2 Mac the footer just isn't
> visible. It is visible in IE 5.x on both platforms.

It's visible for me in 0.9.9, but all browsers are treating the width
differently. IE6/Win is making it 100%, Moz 099 is making it as small
as possible (and putting it too high up). Only Opera 6 correctly
calculates the width per CSS2; unfortunately it puts the div too
far down.

You can help these browsers out by specifying a 'width' (80%?) and
'height' (something px?) style.

> The word 'Contact' should be floated over to the right. Can you see
> what the problem is? Maybe the way my HTML is structured?

> The header should be horizontally centered in the viewport, but it's
> hanging over a little left of center. I can't see why.

Again, set the width.

> I've added extra margin to the bottom of the header and the top of
> the footer, but it doesn't seem to have any effect.

Margins on absolute and fixed elements are part of that element, so
do not affect flow. However, even so, there are problems for cross-
browser interpretation of top and bottom margins to do with collapsing
over different parents, and the margins of the first and last non-
absolute-positioned elements on the page. (Some browsers ignore them
sometimes, some don't.)

Avoid the mess: put a big top and bottom padding on #content instead.

-- 
Andrew Clover
[EMAIL-REMOVED]
http://and.doxdesk.com/
Previous Message
Next Message

Message thread: