/* CSS fierz-steuern.ch ab 2008 */ /* --- Tanteks Hack IE5 rechnet width der Box nach innen statt aussen; - Innenabstände (padding), Rahmen und Aussenabstände (margin) sind der "width" von Boxen hinzuzurechnen. Also z.B. + 2xAbstände. IE5 kann die 2 Zeilen (voice...) nicht interpretieren, nach diesen folgt RICHTIGE Breite. */ /* #test_test { padding: 2%; background: #fff; height: 10%: */ /* ------------ Box Model Hack Start */ /* voice-family: "\"}\""; voice-family: inherit; height: 6%; } html>body #test_test { height: 6%; } */ /* ------------ Box Model Hack Ende */ /* ------------ ------------ ------------ */ /* Zentrieren Inhalt: folgende Zeilen nötig im html:

...entire layout goes here...

body { text-align: center; } */ /* ------------ ------------ ------------ */ /* ------------ INHALT ------------ ------------ */ body { text-align: center; /* ist nötig fürs Zzentrieren */ background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 24px; color: #000; } #container_all { /* to be centered: enthält alles andere layout */ margin: 0 auto; /* ist nötig fürs zentrieren */ /* width: 800px; 1000 720px; beliebige fixe Breite des zentrierten Layouts */ /* text-align: left; */ /* damit Rest innerhalb nicht auch zentriert wird */ text-align: center; /* damit Rest DOCH zentriert wird */ height: 40px; /* 400 */ min-height: 50px; /* 500 */ padding: 0px; background-color: transparent; } #content { padding: 10px 10px 10px 10px; /* 20px 10px 0px 10px */ float: left; background-color: #fff; position: absolute; z-index: 10; top: 10px; /* 131px */ /* width: 800px; 1000 700 */ min-height: 80px; /* 880 */ border-bottom: 16px solid #fff; } p { font-size: 24px; color: #000; } p a { color: #000; } /* :hover, :link, :active, :focus und :visited statt link, visited, hover, focus text-decoration: none; */ p a:hover { color: #993300; text-decoration: underline; } p a:link { color: #000; text-decoration: none; } /* p a:active { color: #000; text-decoration: none; } p a:focus { color: #000; text-decoration: none; } p a:visited { color: #000; text-decoration: none; } */ /* Einzug links */ /* p, #content p { font-family: Arial, Helvetica, sans-serif; padding: 0px 10px 0px 50px; font-size: 12px; line-height: 15px; margin: 0px 10px 10px 40px; } */ /* #content a { } #content li a:link, #content li a:visited, #content p a:link, #content p a:visited, #content h3 a:link, #content h3 a:visited, #content h4 a:link, #content h4 a:visited { text-decoration: underline; color: #000; } #content li a:hover, #content li a:focus, #content p a:hover, #content p a:focus, #content h3 a:hover, #content h3 a:focus, #content h4 a:hover, #content h4 a:focus { background-color: #338979; text-decoration: none; color: #fff; } #content p, #content h1, #content h2, #content h3, #content h4 { padding: 0px 150px 0px 10px; } */ h1 { font-weight: bold; font-size: 17px; margin: 6px 0px 16px 40px; } h2 { font-weight: bold; font-size: 15px; margin: 8px 0px 12px 40px; } h3 { font-weight: bold; font-size: 13px; margin: 8px 0px 10px 40px; } h4 { padding: 0px 10px 0px 50px; font-size: 12px; line-height: 15px; margin: 8px 0px 8px 40px; } /* ------------ INHALT ENDE ------------ ------------ */ /* ------------ NAVIGATION ------------ ------------ */ /* ------------ NAVIGATION ENDE ------------ ------------ */ /* ------------ DOKUMENTKOPF ------------ ------------ */ /* Head ist immer sichtbar */ /* */ /* ------------ DOKUMENTKOPF ENDE ------------ ------------ */ /* ------------ FUSSZEILE ------------ ------------ */ /* ------------ FUSSZEILE ENDE ------------ ------------ */ /* #foto { width: 10px; height: 10px; overflow: visible; position: absolute; visibility: visible; top: 240px; left: 450px; z-index: 40; } */