css problem: div container full heigth also when empty

post everything related to phpwcms templates here
Post Reply
macangelo
Posts: 756
Joined: Sat 29. Nov 2003, 14:19
Location: Düsseldorf
Contact:

css problem: div container full heigth also when empty

Post by macangelo » Thu 8. Dec 2011, 06:58

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
Webdesign from Düsseldorf - made with phpwcms (most of it):
http://eyelikeit.com/index.php?de_beispiele-webdesign

User avatar
flip-flop
Moderator
Posts: 8178
Joined: Sat 21. May 2005, 21:25
Location: HAMM (Germany)
Contact:

Re: css problem: div container full heigth also when empty

Post by flip-flop » Thu 8. Dec 2011, 08:59

Hi macangelo,

please have a look: CSS: Layouts mit 100% Höhe

Knut
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )

User avatar
top
Posts: 440
Joined: Fri 11. Aug 2006, 15:03
Location: Eutin

Re: css problem: div container full heigth also when empty

Post by top » Thu 8. Dec 2011, 11:07

Set html height: 100%
chr.css wrote:...

html, body {
background-color: #666666;
margin: 0;
padding: 0;
height: 100%;
}

...

User avatar
update
Moderator
Posts: 6380
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: css problem: div container full heigth also when empty

Post by update » Thu 8. Dec 2011, 11:59

I have one too :D
http://matthewjamestaylor.com/
Coolest templates on earth, I'd say. :mrgreen:
(..and the site itself is worth reading too, of course)
It's mostly all about webdesign, logo design, new and old pages refresh, print BUT slowly switching to be supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.

macangelo
Posts: 756
Joined: Sat 29. Nov 2003, 14:19
Location: Düsseldorf
Contact:

Re: css problem: div container full heigth also when empty

Post by macangelo » Thu 8. Dec 2011, 17:10

Thank you both! the html thing did it!!! Thanks a lot also for the extras …
Webdesign from Düsseldorf - made with phpwcms (most of it):
http://eyelikeit.com/index.php?de_beispiele-webdesign

User avatar
kukki
Posts: 1661
Joined: Mon 7. Feb 2005, 20:02
Location: Strausberg bei Berlin
Contact:

Re: css problem: div container full heigth also when empty

Post by kukki » Wed 1. Feb 2012, 10:07

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. :mrgreen: Also you can simple modified these CSS without header and footer

PS.: Warum eigentlich in Englsih? in Deutsch gehts doch auch :lol: :lol:

Dein #rightBlock sollte stillstehen :idea: , 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. :mrgreen:
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; :?:
Lieber arm dran als Arm ab!

meine historische Website: Jagdgeschwader 300 1.8.7 Beta R544
kukki's SpIeLwIeSe 1.8.7 Beta R544, responsive

User avatar
update
Moderator
Posts: 6380
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

Re: css problem: div container full heigth also when empty

Post by update » Wed 1. Feb 2012, 12:09

kukki wrote:PS.: Warum eigentlich in Englsih?
Weil's die englische Sektion ist ;)
Because it's the english section ;)
It's mostly all about webdesign, logo design, new and old pages refresh, print BUT slowly switching to be supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.

User avatar
kukki
Posts: 1661
Joined: Mon 7. Feb 2005, 20:02
Location: Strausberg bei Berlin
Contact:

Re: css problem: div container full heigth also when empty

Post by kukki » Wed 1. Feb 2012, 13:47

Gleiches taucht auch gerne mal im "CP deutsch" auf. Mir war einfach so, weil er kommt ja aus "Germania" :mrgreen:
Lieber arm dran als Arm ab!

meine historische Website: Jagdgeschwader 300 1.8.7 Beta R544
kukki's SpIeLwIeSe 1.8.7 Beta R544, responsive

User avatar
flip-flop
Moderator
Posts: 8178
Joined: Sat 21. May 2005, 21:25
Location: HAMM (Germany)
Contact:

Re: css problem: div container full heigth also when empty

Post by flip-flop » Wed 1. Feb 2012, 14:06

kukki wrote:Gleiches taucht auch gerne mal im "CP deutsch" auf. Mir war einfach so, weil er kommt ja aus "Germania" :mrgreen:
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
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )

Post Reply