[CSS] drie kolommen middelste stretch

[Verwijderd]

Ik ben bezig met een simpele site met drie kolommen. De eerste twee moeten moeten een vaste breedte hebben en de derde moet het scherm opvullen.

Ik heb nu deze css

code:

#navBar{
    float: left;
    width: 100px;
    margin: 0px;
    padding: 0px;
    background-color: #eeeeee;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

#content{
    float: left;
    width: 300px;
}

#headlines{
    float:right;
    width: 40%;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding-right: 10px;
}

op een of andere manier sluit de headlines niet goed aan op de content en lijkt deze dus veel te breed. Heb al van alles geprobeerd maar waarschijnlijk zie ik iets simpels over het hoofd.

[Verwijderd]

Een voorbeeldje zou fijn zijn.

[Verwijderd]

Hmmm lastig, kan niets online zetten.

De eerste kolom is netjes 100
De tweede moet 300 zijn maar die lijkt wel 450
De derde vult inderdaad het scherm op.

[twopack]

Ik weet niet precies welke kolom je liquid wilt hebben, maar hier moet je alle info die je nodig hebt kunnen vinden:
http://www.alistapart.com/articles/negativemargins/

succes

[Verwijderd]

Ik ga ernaar kijken, thanks