1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

How to horizontally auto-stretch columns either side of a fixed central column?

Discussion in 'HTML & Website Design' started by karasulas, Oct 19, 2011.

0
  1. #1
    Hi,

    The situation: I have a three-column website. The two side columns are for a horizontally-repeating background image, and the central one is for actual content. The central column is a fixed size, and needs to stay in the horizontal center of the screen.

    The background image of the central column needs to seamlessly join to the background image of the side columns. To make this possible I have the left column's "background-position" set to "right", and the right column's set to "left".

    Now what I need is to make the side columns auto-stretch to fill the screen. Anyone know how I can do this?

    Thanks :)
     
    karasulas, Oct 19, 2011 IP
  2. karasulas

    karasulas Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I should mention that I'm using div tags for the columns.
     
    karasulas, Oct 20, 2011 IP
  3. you-me

    you-me Peon

    Messages:
    67
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    get screen width and adjust side columns accordingly.
     
    you-me, Oct 20, 2011 IP
  4. karasulas

    karasulas Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    @ you-me Is that something I can automate so it works on all different screen sizes? How do I do that?
    Thanks :)
     
    karasulas, Oct 21, 2011 IP