[Div's en Visual Studio] Designer begrijpt het niet

[sig69]

Ik heb layout gemaakt met div's. Ik heb een header- en een menu div, als volgt met css vormgegeven:

code:

.HEADER
{
    z-index: 20;
    left: 0px;
    width: 100%;
    position: absolute;
    top: 0px;
    height: 150px;
}

.MENU
{
    left: 0px;
    width: 200px;
    padding-top: 160px;
    position: absolute;
    top: 0px;
    height: 100%;
}

Om de content in de body nu op de juiste plaats weer te geven gebruik ik nu deze css:

code:

body
{
    margin-left: 210px;
    padding-top: 160px;
}

Dit werkt op zich goed, met als nadeel dat de designer in Visual Studio er geen bal van snapt. Van diverse controls kloppen de afmetingen niet etc. Als ik de pagina in m'n browser bekijk klopt het overigens wel allemaal prima.

Edit: zo ziet het er dus uit:



Omdat dit de eerste keer is dat ik iets met css en div's doe heb ik het idee dat er toch iets niet klopt, of op z'n minst niet helamaal netjes is (dus wees mild in je reactie). Is er een nettere manier om dit te doen?

Even samenvattend:
- Een header 100% breed en vaste hoogte
- Een menu aan de linker kant, met de resterende grootte en vaste breedte
- De content in de body moet hier automatisch omheen "flowen".

LET OP: content staat dus in de BODY, en niet in een aparte DIV!!

Ik heb overigens al diverse css sites doorgenomen maar ik ben nog niets soortgelijks tegengekomen.

Ter verduidelijking:

[ Voor 10% gewijzigd door sig69 op 22-11-2004 13:15 ]

[Rowanov]

www.alistapart.com, daar staan een paar opties voor zulke indelingen tussen de css artikelen. Misschien dat je daar even mee vooruit kan

edit:

Om precies te zijn:
http://www.alistapart.com/articles/negativemargins/

btw, er zijn meer editors die het niet weergeven zoals het in de browser er uit ziet. Ik weet dat dit in dreamweaver ook niet het geval is en je pagina er daar ook als 1 brij aan div's en text uitziet.

[ Voor 54% gewijzigd door Rowanov op 22-11-2004 14:46 ]