Page 1 of 1
css problem: div container full heigth also when empty
Posted: Thu 8. Dec 2011, 06:58
by macangelo
Hi all
I want the right column go straight down to the bottom of the page even when it's empty.
http://s279758607.online.de/cms/
I tried height:100%; and min-height:100% in body tag as well as the right container - no success - any ideas?
Thanks a lot!
macangelo
Re: css problem: div container full heigth also when empty
Posted: Thu 8. Dec 2011, 08:59
by flip-flop
Hi macangelo,
please have a look:
CSS: Layouts mit 100% Höhe
Knut
Re: css problem: div container full heigth also when empty
Posted: Thu 8. Dec 2011, 11:07
by top
Set html height: 100%
chr.css wrote:...
html, body {
background-color: #666666;
margin: 0;
padding: 0;
height: 100%;
}
...
Re: css problem: div container full heigth also when empty
Posted: Thu 8. Dec 2011, 11:59
by update
I have one too
http://matthewjamestaylor.com/
Coolest templates on earth, I'd say.
(..and the site itself is worth reading too, of course)
Re: css problem: div container full heigth also when empty
Posted: Thu 8. Dec 2011, 17:10
by macangelo
Thank you both! the html thing did it!!! Thanks a lot also for the extras …
Re: css problem: div container full heigth also when empty
Posted: Wed 1. Feb 2012, 10:07
by kukki
Another solution for your 2-column-layout would be to work with "position: absolute;"
You find this in the
HowTo Wiki or on
"Kukkis Spielswiese".
For layout problems with old IE 5 and 6 you can use with header script
Code: Select all
<!--[if lt IE 7]>
<style type="text/css">
#mainBlock, #leftBlock
{
height:expression((document.body.clientHeight-200)+"px");
}
</style>
<![endif]-->
Do change the "200" with other values and see how these dinosaur browser responds it.
Also you can simple modified these CSS without header and footer
PS.: Warum eigentlich in Englsih? in Deutsch gehts doch auch 
Dein #rightBlock sollte stillstehen
, entweder mit fixed oder für Benutzer der alten Krücken - soweit Du diese nicht auschließen willst - doch halt mit position absolute arbeiten und ein wenig mit dem height expression hantieren.
Und diese Farbe color: #84B500; auf grauen Grund
-ist schlecht zu lesen, besser in z 432 ff. color: #777777; und das hover mit color: #000000;
Re: css problem: div container full heigth also when empty
Posted: Wed 1. Feb 2012, 12:09
by update
kukki wrote:PS.: Warum eigentlich in Englsih?
Weil's die englische Sektion ist
Because it's the english section
Re: css problem: div container full heigth also when empty
Posted: Wed 1. Feb 2012, 13:47
by kukki
Gleiches taucht auch gerne mal im "
CP deutsch" auf. Mir war einfach so, weil er kommt ja aus "Germania"
Re: css problem: div container full heigth also when empty
Posted: Wed 1. Feb 2012, 14:06
by flip-flop
kukki wrote:Gleiches taucht auch gerne mal im "
CP deutsch" auf. Mir war einfach so, weil er kommt ja aus "Germania"
Es geht hier um die Problemstellung bzw. Antwort. Um möglichst viele Leute zu erreichen schreibt macangelo eben in englischer Sprache.
Das gilt ebenso für Antworten.
Also im englischen Forenteil bitte auch in dieser Sprache antworten wenn möglich.
Die Herkunft des Fragenden spielt keine Rolle oder dass irgendjemand im deutschen Forenteil auf englisch antwortet. Deine Interpretation der allg. Forenregeln ist schon sehr sehr speziell.
Knut