[CSS] width van header, 2 kolomen en footer niet gelijk aan elkaar

[Kuifje_007]

Ik wil de header, linkerkolom, rechterkolom en footer allemaal links en rechts goed uitlijnen in CSS en daarom gebruik ik overal width = 60em. Linkerkolom en rechterkolom allebei 30em.

Met #vierkant wil ik controleren of de website vierkant is. Echter header, linkerkolom+rechterkolom en footer hebben allemaal verschillende width. Rara, hoe kan dat nou?

#header {
	position: fixed;
	height: 8.5em;
	width: 60em;
	text-align: center;
	border: black solid 1px;
}

#linkerkolom {
	position: fixed;
	top: 17em;
	bottom: 3.5em;
	width: 30em;
	border: black solid 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
}

#rechterkolom {
	position: fixed;
	top: 17em;
	left: 30em;
	bottom: 3.5em;
	width: 30em;
	border: black solid 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
	overflow: auto;
}

#footer {
	position: fixed;
	bottom: 0;
	left: 7.5em;
	width: 60em;
	height: 2em;
	text-align: center;
	border: black solid 1px;
	z-index: 100;
	background-color: #006600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 6px;
}

#vierkant {
	position: fixed;
	top: 0em;
	bottom: 0em;
	left: 0em;
	width: 60em;
	border: #006600 solid 1px;
}