Tasarımın Üstündeki Yazı:

<!-- Begin Designcontainer --> <div id="designcontainer"> <!-- Begin Header --> <div id="headerdesign"> <center><b>Hier kommt der Header rein</b></center> </div> <!-- End Header -->

Tasarımın Altındaki Yazı:

</div> <!-- End Designcontainer -->

Css Kodları:

/* Style-Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 13px; font-family: arial; vertical-align: baseline; } img{ border: 0px; } * { padding: 0; margin: 0; } /* Generelles */ a{ color: black; text-decoration: none; } a:hover{ color: black; text-decoration: none; } /* Design */ #designcontainer { margin: 0 auto; width: 982px; } #headerdesign { color: #000000; width: 954px; float: left; padding: 10px; border: 1px solid black; height: 100px; margin: 10px 0px 0px 0px; background-color: #FFFFFF; background-image: none; background-repeat: no-repeat; background-position: center; } #nav_container { color: black; border: 1px solid black; background: #FFFFFF; margin: 0px 0px 0px 0px; padding: 10px; height: 350px; width: 180px; float: left; text-align: center; } #content { float: left; color: black; border: 1px solid black; background: #FFFFFF; margin: 0px 0px 0px 0px; padding: 10px; height: 350px; width: 550px; display: inline; overflow: auto; } #sidebar_container { color: black; border: 1px solid black; background: #FFFFFF; margin: 0px 0px 0px 0px; padding: 10px; height: 350px; width: 180px; float: left; position: relative; text-align: center; } /* Ausblendungen */ div.header, #extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6{ display: none; } /* Seitentitel */ h2#title{ font-size: 13px; text-decoration: none; font-weight: bold; text-align: center; color: #000000; background-color: transparent; border: 1px solid black; width: 170px; height: 15px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 10px; } /* Navigation */ li.nav_element{ list-style-type: none; border: 0px; height: 15px; text-align: center; } li.nav_element a{ display: block; width: 180px; height: 15px; color: #000000; font-size: 13px; font-weight: bold; text-decoration: none; background-color: #FFFFFF; background-image: none; background-repeat: no-repeat; border: 1px solid black; } li.nav_element a:hover{ display: block; color: white; font-size: 13px; font-weight: bold; text-decoration: none; background-color: #000000; background-image: none; background-repeat: no-repeat; border: 1px solid black; } .subpage a{ color: darkblue !important; text-decoration: underline !important; } .subpage a:hover{ color: darkblue !important; text-decoration: underline !important; }