Footer issue

HTML & CSS
1

Hi,

I am having a little issue with my footer, I would like it to fill the full width of the window.

http://mgdesign.hostultra.com/

At the moment there is a little white space on either side.

I am currently in the midst of converting my site from a static site into a responsive design. I would like the footer to always fill the browser width and remain firmly on the bottom … in between the media queries with giving heights its getting a little tricky.

Any help is appreciated :slight_smile:

2

Hi Zappa,

you haven’t set the left and right margins on your body to 0 which is why you see the Browser’s default CSS rules applied.

Just set the margin to 0.


body {
background: rgb(25,25,25) url("http://mgdesign.hostultra.com/images/bg.png") repeat;
color: rgb(255, 255, 255);
font: 1em/1 "museo-slab", serif;
margin:0;
text-align: center;
}
3

ah of course, thanks!