How can I stop my whole site from falling apart while a user is resizing the browser window?
The site looks perfect – it only gets all mangled when it is resized to a smaller size.
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Put a fixed-minimum-width wrapper around it:
Before:
After:
This will ensure that your page is always displayed as at least 960px minimum width (and will create a horizontal scrollbar if the browser window is narrower).
You may also choose to use
widthinstead ofmin-width, if you want your page to always display as a certain width even if the browser is wider, too.