height problems

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Mark - 30 Jun 2005 10:44 GMT

Hi

i try to build a site in CSS and am new to this. Some things work,
others do not.

Now i have a problem with this page:

http://www.groningenbevrijd.nl/colofon.asp

I want all the columns to align at the bottom and it won't work...
Netscape does not show the background-color after some text.

I have tried to make 'containers" 100% with:

html,body,.container,.submenu,.submenucontainer,.contentcontainer {
    height:100%;
}

But this does not help enough.

I don't know what to do next. Anyone?

<CSS code (part)>

html,body,.container, .submenucontainer, .contentcontainer {
    height:100%;
}

.container {
    margin-left:auto;
    margin-right:auto;
    width:795px;
}

/* submenu */
.submenucontainer {
    float:left;
    background-color:#7A8B5E;
    width:142px;
}

/* content */
.contentcontainer {
    float:right;
    background-color:#EBE7DC;
    width:653px;
    padding: 0;
    margin: 0;
}

</CSS code (part)>

Reply to this Message

Els - 30 Jun 2005 10:52 GMT

> Hi

Hoi

> i try to build a site in CSS and am new to this. Some things work,
> others do not.
[quoted text clipped - 11 lines]
> height:100%;
> }

That won't help. If your page would be taller than the viewport, you
would be left without background colours after scrolling down.

> But this does not help enough.
>
> I don't know what to do next. Anyone?

Read the short thread with subject "Is this possible without the use
of tables?", posted yesterday.
That was about a flexible width page, but the height problem is the
same.

Signature

Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: LuLu - The Man Who Sold The World

Reply to this Message

Mark - 30 Jun 2005 12:27 GMT

>>Hi
>
[quoted text clipped - 29 lines]
> That was about a flexible width page, but the height problem is the
> same.

Thanks, that did help for now!

What else will come up ;)

Reply to this Message

Michael Winter - 30 Jun 2005 15:16 GMT

[snip]

>> html,body,.container,.submenu,.submenucontainer,.contentcontainer {
>> height:100%;
>> }
>
> That won't help. If your page would be taller than the viewport, you
> would be left without background colours after scrolling down.

Well, that could be addressed with a bit of fiddling, but the whole
thing only works in a limited subset of browsers.

I generally dislike the scheme because it tends to be coupled with fixed
width, centred layouts, and even if they was considered acceptable, they
either need to work completely or not at all. The 'sort of works' states
just look odd in my opinion.

[snip]

Mike

Signature

Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / June 2005

height problems