Need help positioning images correctly.

Discussion in 'HTML & Website Design' started by pghtech, Mar 10, 2008.

  1. #1
    Greetings all:
    I was in need of the best or correct way to position two images based on the location of the container div.

    Basically, I have the container div that contains all the sections of my website and is positioned at the top middle of the page, and I would like an image to site "behind" the top right corner of the container but 90% of the image would stick past (to the right) of the container's right border. This would probaly never change as the image is at the top, and the container will not be expanding width wise.

    Then I have a "second" image that I would like to sit partially "underneath" the bottom left corner of the container - but it wouldn't only be positioned to the right of the container but also below the container as well. Visually: The bottom right corner of the container would be sitting in ontop in the middle of the image.

    The trick though, is that the "height" of the page will change from page to page depending on content as it is an elastic setup as opposed to a fix width/height and if possible would like the left bottom image to adjust based on the containers position - in the case one page is longer than the next, the image will adjust.

    What I have come up with is having a page with 3 columns - the center containing the Header, main, and footer, while the left and right outer columns would contain the image respectively and can be positioned using background (vertical/horizontal) positioning. I haven't tried it to know if this would be a possible option - but even if it does work, I don't know if the "left" column where the picture would have to adjust based on the length of the page would, adjust automatically.

    Any advice on how to make this happen would be greatly appreciated.

    Regards,

    Max
     
    pghtech, Mar 10, 2008 IP
  2. QiSoftware

    QiSoftware Well-Known Member

    Messages:
    805
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    158
    #2
    I think that you may run into problems with different browsers/platforms that interpret differently CSS image positioning instructions.

    Q...
     
    QiSoftware, Mar 10, 2008 IP