Are you a Google Analytics enthusiast?
More SEO Content
Repeating Background That Goes Beyond The Content In A Div
Posted 20 June 2007 - 04:22 PM
Objective: have a repeating background graphic fill the space in the left side column below the nav links at the top of that column. The background needs to fill the nav column down to the level of the bottom of the content in the right side column.
Problem: in a div a repeating background won't show unless there is content in the column for it to repeat behind. So since the nav links in the left column end long before the text content ends in the right column, the left column background doesn't show.
How to force a background to repeat in a div when there is not enought content to fill the height of the div? Setting a div height in the div style doesn't do it.
Posted 21 June 2007 - 08:17 AM
I would be interested in hiring someone to solve the problem I am struggling with. If either of you are interested, please email me with your rates and availability. I need assistance right away. I could email you all the files I'm working with and you can work on them.
Posted 21 June 2007 - 11:23 AM
Posted 21 June 2007 - 03:42 PM
" add a large bottom padding value to force the background of the shorter columns beyond the height of the longest column of content. The size of this padding is totally arbitrary. We just need to make sure it's enough to take account of the difference in content between columns. Next we trick the browser into thinking the columns are still only as high as the content they contain by applying an equal sized but negative bottom margin. Finally we add a rule to the container to hide the overflow created by the padding value."
Amazingly, this seems to work...sort of. Here is the page I am working on. This is all done with div containers, no tables are used. Below the left side navigation there is a repeating background in that column. The repeating background graphic is 53 pixels high and is designed to tile seamlessly on the vertical axis, but for some reason there is a discontinuity in the tiling appearance at about 688 pixels from the top of the tiled area (top of the left side nav column). I don't know why it's doing that. I see it in all my Win and Mac browsers.
But at least the background extends to the bottom of the left side column!
Posted 21 June 2007 - 04:08 PM
Really a strange solution!
0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users