Lining up sidebars and backgrounds

  • Resolved blade21292

    (@blade21292)


    16 years, 10 months ago

    Ok, very simply, I want the page to look like this:

    http://www.smalltownbiglife.com

    But this is what I get:

    http://www.smalltownbiglife.com/wordpress

    I can’t seem to figure out how to get the sidebars to extend all the way down to the footer, evenly. I also don’t understand why my background img stops at the header.

    I’m sure this is a quite common problem and there’s bound to be a supporting document on it somewhere. If so, just point me in that direction.

    Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)
  • moshu

    (@moshu)

    16 years, 10 months ago

    1. Google for “faux columns”.

    2. Because you told so in your stylesheet: to repeat only horizontally. (delete the repeat declaration)

    Thread Starter blade21292

    (@blade21292)

    16 years, 10 months ago

    I’ll look into the “Faux Columns”. From what I’ve seen so far, that looks like it only works when the viewers browser is fully expanded.

    As for the background, you were absolutely right in the repeat. Duh! Now the problem is that IE shows the right colors, but Firefox shows the background image instead.

    moshu

    (@moshu)

    16 years, 10 months ago

    2. Because you are missing a semicolon:

    #content {
	background: #ffffff;   <====

    1. No. Faux columns always work – if done properly. Basically, the technique replaces the sidebar’s bg colour with a repeating bg-img, so they will always have the bg “colour” regardless of the length of the different columns. The trick is to place the bg image NOT in the sidebar but in the container element hierarchically above…
    (As it is now, if you take out the archives, links, meta from the right sidebar – the blue would “shrink” up to the bottom of the about me section)

    Thread Starter blade21292

    (@blade21292)

    16 years, 10 months ago

    Thank you

    poesleeve

    (@poesleeve)

    16 years, 2 months ago

    Just an FYI:

    I use Firefox mainly and tried the faux columns fix, which STILL didn’t work.

    What finally DID work was adding this line of code to the CSS for the container:

    {display: table;}

    Hope this helps someone out there.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Lining up sidebars and backgrounds’ is closed to new replies.