Padding Of A Certain Percentage Of Screen Width
I have a main container div, and I'd like it to be margined from the top of the screen exactly, for example, 10% of the screen width. This way I won't have problems with non-unifor
Solution 1:
Same solution as Rubens without using tables. I've also placed some code to deal with the top margin you were asking about but using padding instead.
<html>
<head><title>...</title></head><body><divid="content">
Your whole page comes here...
</div></body>
</html>
* {
padding:0;
margin:0;
}
html, body {
height:100%;
}
body {
padding:10% 00;
}
#content {
width: 850px; // replace with your desired widthmargin:0 auto;
}
Solution 2:
The solution I find very elegant is to insert the page in a table, beginning right after the body, and terminating right before it.
You'd have this:
<html><head><title>...</title></head><body><tableid="content"><tr><td>
Your whole page comes here...
</td></tr></table></body></html>Now simply decide the size of the page, using the style:
#content {
width: 850px;
margin-left: auto;
margin-right: auto;
}
Post a Comment for "Padding Of A Certain Percentage Of Screen Width"