Resizing site with different resolutions

Discussion in 'CSS' started by ridesign, Feb 12, 2009.

  1. #1
    on the site: http://www.hipdubai.com when the screen resolution changes the main content box drops under the left sidebar, and header images falls on a new line.

    Also sometimes on the page http://www.hipdubai.com/clothing/be...price-6850-save-13149-mandmdirect-10741.html/ the comments appear as the page is loaded but then dissappear behind the coloured box in internet explorer

    How do I sort these things out?


    What I want is that when the resolution changes the the main content box resizes, not the left hand side box, and when the screen resolution is higher the whole site is centred and there are white/grey box around the site.
     

    Attached Files:

    ridesign, Feb 12, 2009 IP
  2. 007c

    007c Peon

    Messages:
    611
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Din't check you code but dont use % for the bottom container use a fixed width in px and it wont shrink.
     
    007c, Feb 12, 2009 IP
  3. ridesign

    ridesign Peon

    Messages:
    294
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    for the right hand side container I have a fixed size

    What I want is that when the resolution changes the the main content box resizes, not the left hand side box, and when the screen resolution is higher the whole site is centered and there are white/grey box around the sides.
     
    ridesign, Feb 12, 2009 IP
  4. ridesign

    ridesign Peon

    Messages:
    294
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I have placed the sidebar and main content box into a div tag.
     
    ridesign, Feb 12, 2009 IP
  5. ridesign

    ridesign Peon

    Messages:
    294
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    The layout still falls down when I change the resolution or change the window size
     
    ridesign, Feb 13, 2009 IP
  6. mortgageloan

    mortgageloan Peon

    Messages:
    339
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #6
    i m really nt gettin this..itss confusinn
     
    mortgageloan, Feb 13, 2009 IP
  7. ridesign

    ridesign Peon

    Messages:
    294
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #7
    What I want is that the site automatically resizes if the user has a different screen resolution.
    I want the site to be centered and when the screen width is bigger than 1200px there should be white/grey box around the sides.

    Currently when the screen resolution changes the main content box drops under the left sidebar, and header images falls above the left sidebar.
     
    ridesign, Feb 14, 2009 IP
  8. ridesign

    ridesign Peon

    Messages:
    294
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #8
    ridesign, Feb 15, 2009 IP