Ik heb deze layout:
http://www.certi.nl/projecten/Stefan copy.jpg

En daar zie je dat de titelbalk-en buiten de #Container gaan.

PHP Code:

# Voorbeeld van de opbouw

<div id="Container">
    <!-- Menu div ect ect -->

    <div id="Content">
        <div class="blok">
            <div class="titlebalk"> Het Verhaal</div>
        </div>
    </div>
</div> 


Wat is nou precies het probleem? Dat is toch de bedoeling met deze layout?

Ik zoek dus een oplossing hoe ik dat het beste kan doen.
Het plaatje wat je ziet is uit de psd.

PHP Code:

<style>
#Container {
    margin: 0 auto;
    width: 960px;
    background-color: #CCC;
}
#content {
    width: 960px;
}
.blok {
    width: 400px;
    margin: 0 0 20px -6px;
}
.titlebalk {
    padding: 0 0 0 10px;
    background-color: #930;
}
.message {
    margin: 5px 0 0 12px;
    padding: 8px;
    background-color: #FFF;
}
</style> 


PHP Code:

<div id="Container">
    <!-- Menu div ect ect -->
    <div id="Content">
        <div class="blok">
            <div class="titlebalk">Het Verhaal</div>
            <div class="message">[PLAATJE]<br />tekst tekst</div>
        </div>
        <div class="blok">
            <div class="titlebalk">Het Verhaal</div>
            <div class="message">[PLAATJE]<br />tekst tekst</div>
        </div>
    </div>
</div> 


http://www.tinyimg.org/view.php?filename=532Knipsel.jpg

Thanks , dat zocht ik :)