Remove padding from main page?

Here is the link to my website, I have not customized the photos yet as I wanted to get the layout right before I screwed anything else up.

I am wanting the footer to be higher up, preferably where I do not have to scroll on the main page.


Footer not stick to bottom


I did some research on the internet and found a couple sollutions for letting the footer stick to the bottom of your webpage. I applied those, but when I put my website in windowed mode my footer isnt at the bottom anymore.
My code:

<div id="wrapper">
    <header id="header">
        <div class="wrap">
            <h1>Mark Vogelaar Portfolio</h1>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="work.html">My Work</a></li>

How to get this footer to center?

Why can't I get this footer to center? I love the format, but I've tried every which way for it to be centered on the bottom of my pages to no avail.


White empty space at the bottom of the main page...

Hi to all!!

I can't see the reason why there is a wide space below the footer, I tried anything I could, any help please?

This is the link to the main pae:


box-shadow not working on middle content

Hi Guys

The "shadow_sides" class is not displaying on my "middle" id.

If I include my footer id inside the wrapper id, it works, but I get a white background on my bottom round corners.

Any help will be great!

Thank you.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
* {
margin: 0;
padding: 0;

Syndicate content