[Tfug] simple CSS question

[Robert Zeigler]

For the bottom border question, take a look at the following article, 
which nicely addresses the issue of how to "do" footer with CSS. =)

http://www.alistapart.com/articles/footers/

For the other, I'm not clear on what you're trying to achieve.


Robert

John Gruenenfelder wrote:
> Hello all.
> 
> I've got a simple CSS question that I hope you can help with.  I redesigned
> the website for my machine at work (http://bach.as.arizona.edu).  The old one
> was ugly and not too useful.  The new one is... still not useful, but easier
> to navigate to someplace more useful.  :)
> 
> Anyhow, the basic design is based on a template I downloaded at the Open
> Source Web Design site.  It's a really simple CSS template.  Simple enough
> that I can understand what it's doing.
> 
> There are two fairly minor layout issues that I'm having trouble
> understanding, due mostly to my limited CSS knowledge.  The site in question
> (it's small) is at:
>   http://bach.as.arizona.edu/~johng/newsite
> 
> If you click on the "Who we Are" link on the navbar, the resulting page is
> fairly short.  The bottom bar, where the author/date info is, is not at the
> bottom of the window.  This causes the right end of it to pass underneath the
> nav bar.  I was hoping that the different "div" areas would be smart enough to
> not overlap each other.  Is there any way to fix this?  Note that if you have
> a very narrow browser window, the page may be elongated enough that you won't
> notice the effect.
> 
> The second problem is really minor.  On the main page of the new site there is
> a small portrait of J.S. Bach.  When there was less text in the first block
> (next to the picture), the horizontal bar separating the next section would go
> underneath the picture.  You can reproduce this if you browser window is very
> wide.  This problem isn't big, and can be avoided in practice by simply adding
> more text in certain areas, but I'd like to know if it can be fixed.
> 
> If you need them, the two stylesheets are:
>   http://bach.as.arizona.edu/~johng/newsite/globalformatting.css
>   http://bach.as.arizona.edu/~johng/newsite/globallayout.css
> 
> Thanks for any help!
> 
>