RSA Posted May 4, 2012 Share Posted May 4, 2012 Hello guys, please, I want to know how to make these divs I tried using width 100% for the banner and footer and it works already but for the menu I've a problem I can't do the same design for it I'm talking about making menu stuck from left like the imgthanks in advance Link to comment Share on other sites More sharing options...
Ingolme Posted May 4, 2012 Share Posted May 4, 2012 width: 100% is unnecessary. <div> elements and other blocks take the full width of their container automatically. If you set it to 100% you have a risk of a horizontal scrollbar appearing due to added margins and padding. For the top blue bar, you just need a <div> with a set height. The light blue rectangle on the right could have a set width and a right margin, and be floated to the right.Your image isn't entirely clear as for what you want. Do these boxes have anything inside them? For the content box, just give it a width and margin: auto;For the footer, look up "sticky footer" on google. 1 Link to comment Share on other sites More sharing options...
RSA Posted May 5, 2012 Author Share Posted May 5, 2012 Thanks Ingolme I'll try to do it and I'll attach the final design Link to comment Share on other sites More sharing options...
valiantshady Posted May 5, 2012 Share Posted May 5, 2012 hey RSA i can always help you with that, i have taught myself all about div layout website on my own searches, and i have really learnt quite a lot..if you needed help inbox message me and i'll tell you how i can offer you my help.. 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now