Archief - Q: CSS : indeling van layout. Wil niet werken.

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

Marly

Legacy Member
Hallo allemaal,

Ben een websitetje in elkaar aan het steken voor mijn eigen, maar zit met een irritant probleem ivm de layout. Sinds iedereen zegt dat een layout niet meer mag in tabellen ben ik eindelijk eens begonnen met css.

Probleem is dat ik 2 kolommen naast elkaar wil, zonder een lijntje ertussen. Nu heb ik alles al geprobeerd en me suf gezocht op google maar het wil langs geen kanten werken.

Navigatie kolom zou 10% van het scherm moeten innemen, en de content kolom 90% of dus de rest van het scherm. Maar dat wil dus niet werken, hij plaatst ze onder elkaar :angry:

Hier een screen alvast.

http://img168.imageshack.us/img168/1561/cssprobleempo4.jpg

Code:
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 background-color: #555555;
}
#wrapper { 
 margin: 0 auto;
 width: 100%;

}
#header {
 color: #ffffff;
 width: 100%;
 float: left;
 padding: 10px;
 height: 50px;
 margin: 0px 0px 0px 0px;
 background-color: #000000;
}
#leftcolumn { 
 color: #ffffff;
 margin: 0px 0px 0px 0px;
 border: 0px;
 padding: 10px;
 width: 10%;
 height: 100%;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #ffffff;
 margin: 0px 0px 0px 0px;
 border: 0px;
 padding: 10px;
 width: 90%;
 height: 100%;
 display: inline;
 position: relative;
}

Wie kan er mij helpen ?

el73

Legacy Member
Padding wordt opgeteld met de breedte, dus je krijgt links een kolom van 10% + 20 pixels en rechts een kolom van 90% + 20 pixels. Dat is breder dan 100% en dan moet de laatste kolom een plaatsje zoeken en dat plaatsje is net onder de linkerkolom.

Marly

Legacy Member
Ah ok, dan moet ik eigenlijk gewoon de breedte definiëren van de eerste kolom.

Bedankt voor de reactie, direct eens proberen.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan