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.
I’ve just basically started making my website responsive, but for some reason the Language div (#lang) set to float right, is floating right, but with a small margin to the right of it. There is no padding set it the parent div #container though, which I’m failing to understand.
The website is http://www.cuonic.com and the CSS file is http://www.cuonic.com/css/style.css
I’m also using a reset.css from Meyerweb. Any help is appreciated 🙂
This is actually happening because of the padding and width on #content.
The width is 100% and the padding is 20px.
Percentage widths are calculated relative to the parent, so saying 100% means take the whole enchilada.
Padding is additive with width when laying out the document (I know, confusing), the result is that the layed-out width is 100% + 40px (padding on both sides).
There are a few ways you can fix this:
Use a percentage width (say 90%) on #content, with a percentage padding (5%), and it will go away.
Or you can change the box-sizing property on #content to be border-box