PDA

View Full Version : Quick Question [+13 Rep]



Nick
04-11-2012, 08:31 AM
I am trying to fill the whole page with colour/a background image but i can't remember how to get rid of the white bit around the side.

In my CSS i have the width and height at 100%.

http://i.imgur.com/5QkLv.png

+Rep to any answers

FlyingPigs
04-11-2012, 12:18 PM
For body, try adding margin:0 in the css :)

Yonder
05-11-2012, 06:43 PM
You should consider resetting everything in the beginning of the stylesheet.


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

Or something like that. This will reduce the risk of have inconsistencies in the rest of your website.

Nick
06-11-2012, 08:48 AM
Got it sorted :) Thanks guys

Want to hide these adverts? Register an account for free!