Posted by Jukka K. Korpela on 04/03/07 06:29

Scripsit aljones:

> 2) http://brokenchainsministry.net/products.html
> I've looked at uneven columns / unequal columns / css unequal columns
> / etc till I'm blue in the face.

Do you mean that you would want the navigation bar and the content proper
occupy the same height?

> This page is the most atrocious of the situations I see, but could
> someone please direct me to a reference that (please, I'm begging)
> specifically describes how to 'fix' a two column page where the
> bottoms are probably going to be out of synch??

Well, it _seems_ that you want the blocks ("columns") to have the same
height, but you could have said that more directly.

Using a simple table is the simplest way. Stay tuned to getting flamed, at
least verbally, by purists if you take that path.

(Well, the _simplest_ way is to stop wanting that. Why should two completely
unrelated blocks have the same visual height?)

If you use the current approach (div elements and CSS), then perhaps the
simplest way is to wrap the div elements #navbar and #content inside an
outer div element, set the background you want for #navbar (some blue) to
that outer div and the desired background for #content. Set #navbar
background to transparent.

This way, #navbar will still have just its natural height, but it _looks_ as
tall as #content.

P.S. You had two completely unrelated questions. It's best to ask such
questions in separate messages. That would let you write Subject lines that
reflect well the content; now your Subject line didn't even give a hint
about your first question.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

[Back to original message]