Content does not have desired background

Hello,

please take a look at:

http://cruz.amandadevries.com

I know there is an illegal line in there, using "_target" which I will
repair soon, except I'm having temporary problems accessing my host
server.

On my 1280x1024 monitor, things look great in IE and Firefox. However
when looking at a smaller monitor in Firefox , my 'copyright' block is
not within the 'leftcol' background div the way it should be. Also,
how do I get the two columns to be equal width on all pages??

On 2007-12-12, Amanda <amandadev (AT) gmail (DOT) com> wrote:

Hello,

please take a look at:

http://cruz.amandadevries.com

I know there is an illegal line in there, using "_target" which I will
repair soon, except I'm having temporary problems accessing my host
server.

On my 1280x1024 monitor, things look great in IE and Firefox. However
when looking at a smaller monitor in Firefox , my 'copyright' block is
not within the 'leftcol' background div the way it should be.

Do you mean vertically? The problem is you're setting height: 100% (and
max-height: 100%, and min-height: 100%) on .leftcol.

The only one of those you want is min-height: 100%. I'm sure I've heard
min-height doesn't work in IE though.

Also,
how do I get the two columns to be equal width on all pages??

Just set them to the same width? You're already setting the right one to
400px, so set the left one to 400px as well. I think I can't have
understood the question.

Sorry, what I meant was I want the columns to be equal height on all
pages, even though they have different amounts of content. Any
suggestions?

I think I tried the min-height: 100% and it didn't help. Will have to
go back and see though.

Amanda

On Dec 12, 2:07 pm, Ben C <spams... (AT) spam (DOT) eggs> wrote:

On 2007-12-12, Amanda <amanda... (AT) gmail (DOT) com> wrote:

Hello,

please take a look at:

http://cruz.amandadevries.com

I know there is an illegal line in there, using "_target" which I will
repair soon, except I'm having temporary problems accessing my host
server.

On my 1280x1024 monitor, things look great in IE and Firefox. However
when looking at a smaller monitor in Firefox , my 'copyright' block is
not within the 'leftcol' background div the way it should be.

Do you mean vertically? The problem is you're setting height: 100% (and
max-height: 100%, and min-height: 100%) on .leftcol.

The only one of those you want is min-height: 100%. I'm sure I've heard
min-height doesn't work in IE though.

Also,
how do I get the two columns to be equal width on all pages??

Just set them to the same width? You're already setting the right one to
400px, so set the left one to 400px as well. I think I can't have
understood the question.

On 2007-12-12, Amanda <amandadev (AT) gmail (DOT) com> wrote:

Sorry, what I meant was I want the columns to be equal height on all
pages, even though they have different amounts of content. Any
suggestions?

It isn't really possible to do that without using two table-cells in a
table-row.

I just had another look at the site to see what you were using-- and it
now appears to be a table! I'm sure it wasn't yesterday.

A table is the most sensible way to do this IMO, although you can use
floats without borders and contrive for whatever's behind them to be the
right height and the same colour as their backgrounds.

Ben,

You're right, I eventually gave up on the exercise and used tables.
Thanks for your help!

Amanda

On Dec 13, 1:18 pm, Ben C <spams... (AT) spam (DOT) eggs> wrote:

On 2007-12-12, Amanda <amanda... (AT) gmail (DOT) com> wrote:

Sorry, what I meant was I want the columns to be equal height on all
pages, even though they have different amounts of content. Any
suggestions?

It isn't really possible to do that without using two table-cells in a
table-row.

I just had another look at the site to see what you were using-- and it
now appears to be a table! I'm sure it wasn't yesterday.

A table is the most sensible way to do this IMO, although you can use
floats without borders and contrive for whatever's behind them to be the
right height and the same colour as their backgrounds.