473,406 Members | 2,220 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,406 software developers and data experts.

height problems

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,.c ontentcontainer {
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)>

Jul 21 '05 #1
3 1818
Els
Mark wrote:
Hi
Hoi
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,.c ontentcontainer {
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.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: LuLu - The Man Who Sold The World
Jul 21 '05 #2
Els wrote:
Mark wrote:

Hi

Hoi

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%;
}

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.


Thanks, that did help for now!

What else will come up ;)

Jul 21 '05 #3
On 30/06/2005 10:52, Els wrote:
Mark wrote:


[snip]
html,body,.container,.submenu,.submenucontainer,.c ontentcontainer {
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

--
Michael Winter
Replace ".invalid" with ".uk" to reply by e-mail.
Jul 21 '05 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

5
by: Secret Guy | last post by:
Because of my experience posting various places over the last couple of weeks: I'm expecting to be greated with hostility for asking about concepts instead of "practical" things, since that has...
0
by: Linda Antonsson | last post by:
Hi, I am trying to put together a CSS-based layout consisting of a header, a sidebar and a main content area. Page: http://www.westeros.org/ASoWS/ CSS:...
3
by: Les Juby | last post by:
I am trying to adjust the window/table size of a website (www.worklaw.co.za) which has made use of DIV tags with its settings embedded in an CSS file. The client wants its width and height to...
6
by: Martin Plotz | last post by:
Dear Newsgroup, I would like to have a page with a footer on the bottom of the page with a fixed height. The upper part should have the remaining height. In frames I could achieve this with "*" as...
6
by: amandadev | last post by:
Hi there, I actually have two problems with the following site: http://coombes.amandadevries.com: 1. Why does Firefox ignore my request for a 'red' background for my ..container? IE doesn't....
3
by: ianv2 | last post by:
Hi I have a div which contains my local navigation bar, which has a blue background and is next to the content div, at the moment however this blue background colour stops after the unordered...
10
by: dtmfcc | last post by:
My website is at www.simi-therapy.com My CSS is at http://www.simi-therapy.com/simitherapy-screen.css Question -- on the dark blue bar under the beach image, one change caused another...
1
by: mascouta | last post by:
I have a lot of problems with IE browser, one of them is described in this topic. in my website i have div Calculator with background image. it displayed perfectly with Firefox browser however in IE...
0
by: sannymak | last post by:
Hello All, I have some problems making the columns 100% and forcing the footer at the bottom. Please refer to the code below and let me know a solution: HTML CODE: <!DOCTYPE html PUBLIC...
41
by: Stan Brown | last post by:
As usual, it looks right in Firefox 3 but not in IE6. See http://www.tc3.edu/instruct/sbrown/nicholls/indexgood.htm for the desired behavior -- when you hover over the second or third main menu...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.