Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    Regular Coder
    Join Date
    Aug 2008
    Posts
    133
    Thanks
    14
    Thanked 0 Times in 0 Posts

    Problems when re-sizing window

    How can you make a css site where the positioning of the elemts in the page don't mess up when it's resized?

    If i resize the window to make it slightly smaller then the panels don't stay where they are supposed to.

    To see what i mean: http://www.yourweddingplan.co.uk

    Is it because i have a border which has relative positioning? (I think i need this so that whenever i update the content of the site the border will fit around the new content). The panels themselves use floats.

    Thanks...

  • #2
    New Coder
    Join Date
    Sep 2007
    Posts
    41
    Thanks
    0
    Thanked 2 Times in 2 Posts
    Well, for one you could use a fixed width.
    At the moment your width is automatic,
    and that is the reason why your boxes are dropping down.

    It seems as your design already uses fixed width,
    around 920px, so I see no problem with actually fitting
    the design with fixed width.

    Hope that helped,
    Eli

  • #3
    Regular Coder
    Join Date
    Aug 2008
    Posts
    133
    Thanks
    14
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Eli. View Post
    Well, for one you could use a fixed width.
    At the moment your width is automatic,
    and that is the reason why your boxes are dropping down.

    It seems as your design already uses fixed width,
    around 920px, so I see no problem with actually fitting
    the design with fixed width.

    Hope that helped,
    Eli
    Thanks very much. Simple answer but it helped!

  • #4
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Although you really should center the layout: at higher resolutions it looks silly to have it squashed on the left.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •