Posted by Beauregard T. Shagnasty on 07/19/06 07:32

l e o wrote:

> I am designing a website,
>
> http://www.standrewsstamford.org/
>
> http://www.standrewsstamford.org/sermon.html
>
> The above page looks good in Firefox 1.5 but there is a big gap below
> the title "Sermon Archives."

I do not see a gap in Firefox (or Opera), only IE, which is a broken
browser.

> Likewise, in IE6, there are more gap than I would want in each page,
> between the main- and sub-menu.

The padding between the two blocks is the problem. IE incorrectly puts
it on the outside, so it is shoving the right column downwards. You can
fix it by changing this:
#rightcontent {
margin-left: 224px;
to a larger amount.

But better yet, drop all this exact pixel sizing and use em units, so
that when visitors increase the text size, your whole design doesn't
fall apart.

See this page - about using px or pt for font-sizing, and about Verdana.
http://k75s.home.att.net/fontsize.html

--
-bts
-Warning: I brake for lawn deer

[Back to original message]