Dynamische Webseite mit Dropdownmenü mit CSS + PHP

Der Inhaltsbereich

den Inhaltsbereich habe ich auf dieser Seite wie folgt formatiert:

/* Body stylen */
body{
	background-color: #5D708E;
}

section{
	margin-top:2em;
	margin-bottom:2em;
	color:#F1F312;
}

section p{
	font-size:120%;
	margin:0.8em;
}

section pre{
	margin:0.8em;
	padding:0.3em;
	Display: block;
	background-color:Teal;
	color:#0BF850;
	font-style: italic;
	max-width:900px; 
	width:auto;
	max-height: 15em;
	overflow: auto;
	tab-size:      1;
	-moz-tab-size: 1;
}

section h2{
	color: #22D317;
	text-align:center;
	margin-bottom:2em;
}

Außerdem bei viel Platz, was über Media-Query festgestellt wird, wird der Header fixiert und der Platz für den Abstand des Inhaltsbereichs (section) entsprechend angepasst:

@media all and (min-height: 20em){
	header{
		width:100%;
		position:fixed;
		top:0;
		left:0;
	}

	section{
		margin-top:8em;
	}
	
	footer{
			position:fixed;
			bottom:0;
	}
}