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 »

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 »

Hi macangelo,

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

Knut
>> HowTo | DOCU | FAQ | TEMPLATES/DOCS << ( SITE )
User avatar
top
Posts: 506
Joined: Fri 11. Aug 2006, 15:03
Location: Eutin

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

Post by top »

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

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

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

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

Post by update »

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 maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
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 »

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: 1692
Joined: Mon 7. Feb 2005, 20:02
Location: Berlin Köpenick
Contact:

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

Post 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. :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.9.20-dev
kukki's SpIeLwIeSe V.1.9.12 R550 responsive
User avatar
update
Moderator
Posts: 6446
Joined: Mon 10. Jan 2005, 17:29
Location: germany / outdoor

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

Post by update »

kukki wrote:PS.: Warum eigentlich in Englsih?
Weil's die englische Sektion ist ;)
Because it's the english section ;)
It's mostly all about maintaining two or three customer's sites Still supporter for the band Mykket Morton. Visit Mykket Morton on FB. Listen Mykket Morton and live videos on youtube.
Now building a venue for young artists to get wet on stage, rehearsal rooms, a studio, a guitar shop - yes I'm going to build some guitars.
User avatar
kukki
Posts: 1692
Joined: Mon 7. Feb 2005, 20:02
Location: Berlin Köpenick
Contact:

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

Post by kukki »

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.9.20-dev
kukki's SpIeLwIeSe V.1.9.12 R550 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 »

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