> > >> >> I believe what the OP is after is to achieve the same behavior
> as if
> > >>
> > >> the
> > >>
> > >> >> banner/header was a top frame.
> > >> >> --
> > >> >> Regards,
> > >> >> Thierry
> > >> >
> > >> > Whoops. Then perhaps these will give him some ideas to play
> with...
> > >> > <http://limpid.nl/lab/css/fixed/>
> > >> > <http://www.gunlaug.no/tos/moa_8d.html>
> > >>
> > >> Yes, Frames without frames is exactly what I want. Hopefully the
> URLs
> > >> you gave as well as the ones on those pages will provide the
> answer. I
> > >> have a basic understanding of how to do it. Maybe I will discover
> > >> something new or discover an error in my code. I have a lot of
> reading
> > >> to do. Thanks.
> > >
> > > These URLs won't help you.
> > > To find a solution, you need first to understand the problem.
> > > A browser scrolls a document until the named anchor reaches the top
> of
> > > the "window/frame" it is in.
> > > So as long as your header is part of that document, named anchors
> will
> > > move behind it. Padding, margin, top, whatever you want to use will
> not
> > > change that behavior. Unless of course you are ok to increase the
> gap
> > > between the sections.
> > > Because in this case, you could use *top padding* on the
> paragraphs. That
> > > way the anchor position does *not* changed, but the position of the
> text
> > > will. And that can "clear" the header.
> > > But do you want a gap between those sections?
> >
> 
> Hmm.  I'm a little surprised that no one's mentioned the easy fix
> here...
> It'll need some clean up with the margins, but should create the
> desired
> effect.
> 
> Also, there may be a better way to do this: I just banged it out on
> Saturday
> morning in the 15 minutes before I had to go out.
> 
> #body {
>   position: fixed;
>   top: 72px;
>   bottom: 0;
>   left: 138px;
>   overflow: auto;
>   margin: 0;
>   padding: 0;
> }

Duh! And that should work nicely in good browsers.
What about adding html {overflow-y:hidden} to avoid a double vertical
scrollbar?

--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz





______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
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/

Reply via email to