/* Angaben für alle standardkonformen Browser */ body { position:absolute; background:#efffef; } html, body { top:0; left:0; right:0; min-height:100%; margin:0; padding:0; width:100%; } #header_container { position:fixed; top:0; left:0; right:0; text-align:center; margin:0; height:2em; z-index:3; } #header { position:absolute; top:0; left:0; right:0; bottom:10; height:75%; background:#ddeedd; background-image: url('../bildoj/01.gif'); background-repeat: repeat-x; color:#116611; padding-left:0px; padding-right:0px; padding-top:0px z-index:3; margin:0; padding:0.18em; } #menu { position:fixed; top:1.2em; left:.2em; width:10.8em; border: 1px dotted #dedede; padding:.2em; } #content { color:#116611; margin:0; padding-top:1.85em; padding-left:12em; padding-bottom:1.85em; z-index:2; } #footer_container { position:fixed; bottom:0; left:0; right:0; text-align:center; margin:0; height:2em; z-index:3; } #footer { position:absolute; height:75%; top:10; left:0; right:0; bottom:0; background:#dfffdf; z-index:3; } /* Nun für den MSIE */ * html, * html body { overflow:hidden; bottom:0; height:100%; } * html #header_container, * html #footer_container { position:absolute; width:100%; padding-right:16px; } * html #menu { position:absolute; } * html #header, * html #footer { height:100%; position:static; } * html #content { position:absolute; top:0; bottom:0; left:0; right:0; height:100%; width:100%; overflow:auto; margin:0; } #menu li { list-style: none; margin:0; padding:0.3em; } #menu li#active { padding:0.5em; color:lime; background:ghostwhite; text-decoration:none; text-shadow:black 0px 1px 0px; } #menu a:link, #menu a:visited { display:block; background:#d0f0d0; color:black; text-decoration:none; margin:0; padding:0.2em;; } #menu a:hover { background:palegreen; color:indigo; text-decoration:underline; } * html #menu { margin:0; width:10.5em; /* Der IE soll das Element breiter darstellen, da margin und padding hier von der Breite abgezogen wird! */ }