CSS - szerokość strony

[Labsta.com]

<center> wyszedł z mody już dawno
Pokaże Ci jak to zrobić, dostosujesz sobie i pokombinujesz.

Kod:

body {
        margin: 0;
    }
    
    .wrap {
        width: 100%;
        margin: 0px;
    }
    
    .content {
        width: 960px;
        margin: 0 auto;
    }
    
    #top {
        background-color: #f1f1f1;
    }
    
    #mid {
        background-color: #ffff80;
    }    
    
    #foot {
        background-color: #ababab;
    }

Kod:

<div class="wrap" id="top">
    <div class="content" id="topcontent">
        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores em rerum facilis est et expedita distinctio.</p>
    </div>
</div>

<div class="wrap" id="mid">
    <div class="content" id="midcontent">
        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores em rerum facilis est et expedita distinctio.</p>
    </div>
</div>

<div class="wrap" id="foot">
    <div class="content" id="footcontent">
        <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores em rerum facilis est et expedita distinctio.</p>
    </div>
</div>

Elementy mają dodatkow id żebyś mógł dowolnie na nich operować. Niekoniecznie są wymagane.