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.
Demo: http://jsfiddle.net/KTmNB/2/
How do I correct this so the middle divs are always in between the top and bottom percentage-based divs, while being able to automatically re-size when the browser does?
I have been reading a lot about liquid layouts, but have been unable to crack this.
Thank-you!
EDIT: I’m also going to have to do this with 8, 10, and 12 divs :s
EDIT: Sort of happy I haven’t received a response after 30 minutes, makes me think that it is in fact harder than I thought ^^
I saw in your jsfiddle that you are mixing left, top, right and bottom with width and height and top-margin… That may be what caused the confusion, because it’s not really that difficult. Just be consistent in choosing how you want to position the things.
E.G. only use, left, top, width and height.
http://jsfiddle.net/MrLister/Vh9ZB/