I have seen a number of similar questions, but have not found an answer for what I am looking for. Further information is as follows:
I think this might be, what you are looking for: two column layout source.
The main idea is to set height: 100%
on both <body>
and <html>
and then make sure that the container also takes up all the height (via min-height: 100%
). You might notice that code also contains workaround for IE6, because it was originally written, when fighting IE6 was just another day of work.
This was made by modifying a bit more complicated and more often used holy grail layout source.
Via css it may be possible but need some tricks.
You need to make both divs/columns very very tall by adding a padding-bottom: 1000px and then "trick the browser" into thinking they aren't that tall using margin-bottom: -1000px. It is better explained via example below.
http://jsfiddle.net/mediasoftpro/Ee7RS/
Hope this will be ok.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With