8 replies [Last post]
kilrizzy
Offline
newbie
Last seen: 10 years 42 weeks ago
Timezone: GMT-4
Joined: 2009-04-08
Posts: 4
Points: 5

I usually have my structure laid out something like this:

<div id="all">
  <div id="page">
    <div id="header"></div>
    <div id="content"></div>
    <div id="footer"></div>
  </div>
</div>

Where the body will hold a background pattern, "all" will hold a dropshadow for the page going up and down, and "page" may often have a repeating-y background as well.

I have tried variations on using the css height/min-height properties:

html, body {
    height:100%;
    ...
}
#all {
    height:100%; 
    min-height:100%; 
}
#page {
    height:100%; 
    min-height:100%;
    height:auto !important;
}

It seems like it works UNTIL you scroll, then after the scroll the background for #all disappears

example

Hopefully someone knows a fix?

Verschwindende
Verschwindende's picture
Offline
Guru
Last seen: 6 days 10 hours ago
Timezone: GMT-5
Joined: 2009-10-09
Posts: 2044
Points: 2270

Faux columns.

Faux columns.

kilrizzy
Offline
newbie
Last seen: 10 years 42 weeks ago
Timezone: GMT-4
Joined: 2009-04-08
Posts: 4
Points: 5

I'm sure I could use the same

I'm sure I could use the same idea behind faux columns by combining the repeating background in the background for #all and just make sure that #all is 100% but I 'm sure there is a way to do this since I'm positive I will run into an instance that the faux method won't help

Verschwindende
Verschwindende's picture
Offline
Guru
Last seen: 6 days 10 hours ago
Timezone: GMT-5
Joined: 2009-10-09
Posts: 2044
Points: 2270

kilrizzy wrote:... I'm

kilrizzy wrote:

I'm sure I could use the same idea behind faux columns by combining the repeating background in the background for #all and just make sure that #all is 100% ...

Quest Why not just put it on the body where it belongs?

kilrizzy wrote:

... I'm positive I will run into an instance that the faux method won't help

Well, until you do ...

kilrizzy
Offline
newbie
Last seen: 10 years 42 weeks ago
Timezone: GMT-4
Joined: 2009-04-08
Posts: 4
Points: 5

Well the body uses a

Well the body uses a horizontal background, and you are correct that I could use this method for now however I was hoping to find that someone might know the correct way to do it.

CupidsToejam
CupidsToejam's picture
Offline
Guru
Florida
Last seen: 5 years 18 weeks ago
Florida
Timezone: GMT-4
Joined: 2008-08-15
Posts: 2637
Points: 1556

keep in mind, the html tag

keep in mind, the html tag can also be used

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 1 week 1 day ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

"Faux Columns" IS the

"Faux Columns" IS the standard way to create so-called equal heights columns using CSS2. If you don't mind using the same colour for both columns you don't even need that. Look at a newspaper!

Lots of other things have been tried, by people smarter than me and even, if it is possible, smarter than you. And they have never come up with anything that works better and is easier to do than "faux columns".

But if you want to spend months figuring out a "better" way feel free. It is your life.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

kilrizzy
Offline
newbie
Last seen: 10 years 42 weeks ago
Timezone: GMT-4
Joined: 2009-04-08
Posts: 4
Points: 5

Fair enough. Was hoping

Fair enough. Was hoping something else was out there Puzzled

Verschwindende
Verschwindende's picture
Offline
Guru
Last seen: 6 days 10 hours ago
Timezone: GMT-5
Joined: 2009-10-09
Posts: 2044
Points: 2270

Is there something you don't

Is there something you don't like about faux columns? It seems to be the perfect solution in cases like this.