html { height: auto; /*eller ingen angivelse. Hvis html sættes til 100%, ignoreres containerboxens 2% bundmargen*/ } body { height: 100%; background-color: #cccccc; margin: 0px; font-family: Arial, Verdana, sans-serif; font-size: 12px; text-align: center; } td { font-family: Arial, Verdana, sans-serif; font-size: 11px; } div#container { position: relative; text-align: left; width: 742px; /*incl. 2px border i IE*/ height: auto; margin: 2% auto; /*højre-/venstremargin skal være auto (eller ikke angivet) ellers virker centrering af siden ikke*/ background-color: #FFFFFF; color: #333333; border: 1px solid #666666; } div#containerTxt { font-weight: bold; } div#redBox { position: relative; left: 20px; top: 2px; width: 700px; height: 200px; background-color: red; color: #FFFFFF; font-weight: bold; text-align: left; } div#greyBox { position: absolute; left: 30px; top: 24px; width: 200px; height: 60px; background-color: #DEDEDE; color: #000000; font-weight: bold; border: 1px solid #333333; -moz-border-radius: 10px; } div#yellowBox { float: left; margin-top: 20px; margin-left: 10px; width: 330px; height: 100px; background-color: #FF9900; color: #FFFFFF; font-weight: bold; text-align: left; } div#greenBox { float: right; margin-top: 20px; margin-right: 10px; margin-bottom: 20px; width: 330px; height: 100px; background-color: green; color: #FFFFFF; font-weight: bold; text-align: left; } div#txt { clear: both; margin: 0px 20px 20px 20px; width: 700px; /*incl. 2px border i IE*/ height: auto; border: 1px dotted #333333; font-size: 12px; text-align: left; } p { margin: 10px 4px 10px 10px; } /*anvendes til at tydeliggøre de enkelte kodestumper*/ .kode { color: blue; } div#menu { border-top: 1px solid #999999; width: 680px; margin: 20px 10px 0px 10px; } .menuFloat { font-size: 11px; padding: 4px 0px; } /*skaber bundmargen under navigationsbjælken*/ div#menuBund { clear: both; /*ellers hopper den op imellem de 2 floatede divér*/ border-top: 1px solid #999999; }