| spezies-8472 |
30.12.2008 17:08 |
wieder mal IE6 und CSS-Menues...
Muss mal wieder stören...
Habe meine Seiten überarbeitet und einige Tabellen dabei rausgeworfen. Längst nicht alle, aber das ist ein anderes Thema.
Es gibt auf den Seiten auch ein CSS-basierte Menues - beispielsweise auf dieser Unterseite.
Im IE7, FF3, Opera 9.6X sieht das alles ok aus, aber im IE 6 und kleiner gibt es einen seltsamen Effekt - die Menueboxen verringern ihren Abstand, beim "drüberfahren" mit der Maus - von oben nach unten schwindet der Abstand - auf dem Weg von unten nach oben wird er wieder normal groß.
Gibts dafür eine Erklärung? Habe ich vielleicht irgend etwas in meiner CSS Datei vergessen, oder falsch platziert, bzw. falsch geschrieben?
Und meine zweite Frage bezieht sich auf die CSS-Datei - sie ist sehr voll und vermutlich ist einiges an Code überflüssig. Aber ich verstehe die Vererbungsregeln noch immer nicht richtig - gibt es da eventuell Tools oder Webseiten, die helfen, solchen überflüssigen Code zu eliminieren, oder muss man das sp mühsam es auch ist, per Hand machen? Dann bin ich vermutlich eindeutig überfordert...
Code:
html {
height:100%;
max-height:100%;
padding:0;
margin:0;
border:0;
background:#1a3376; /* #d0c9ad; */
font-size:76%;
font-family:Tahoma, Verdana, Arial, sans-serif;
/* font-family:georgia, "palatino linotype", "times new roman", serif; */
color:#005447;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}
body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}
/* Bereiche */
#content {overflow:auto; position:absolute; z-index:3; top:140px; bottom:120px; left:280px; right:0; margin:0; background:url(../images/bauchtanz-berlin-hayal-signet.jpg) no-repeat #f2f1ed; background-position:50% 40%;}
* html #content {top:0; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%; overflow:auto; position:absolute; z-index:3; border-top:140px solid #1a3376; border-bottom:120px solid #1a3376; border-left:280px solid #1a3376;}
#head {position:absolute; margin:0; top:0; left:0; display:block; width:100%; height:100px; background:url(../images/nav/top_bg1.jpg) no-repeat #1a3376; background-position:0 0; z-index:5; overflow:hidden; color:#1a3376; font-size:1.3em;}
#head2 {position:absolute; margin:0; top:100px; left:0; display:block; width:100%; height:31px; background:url(../images/nav/middle01.jpg) repeat-x #1a3376;/* << blau; #d0c9ad << beige */ background-position:0 0; z-index:5; overflow:hidden; color:#005447; font-size:1.5em; padding-left:0.5em; padding-top:0.5em; font-family:Arial, sans-serif; font-weight:bold;}
* html #head2 {height:40px;} /* Korrektur fuer IE */
#foot {position:absolute; margin:0; bottom:0; left:0; display:block; width:100%; height:120px; font-size:1em; z-index:5; overflow:hidden; background:url(../images/nav/btm_line_small.png) repeat-x #1a3376; background-position:0 40px; color:#4d66a9; border-top:1px solid #1a3376;/* << blau; #d0c9ad; << beige ueber Impressum */}
#left {position:absolute; left:0; top:140px; bottom:120px; width:278px; background:#f2f1ed; z-index:4; overflow:auto; padding:5px 0 0 0;}
* html #left {height:100%; top:0; bottom:0; border-top:140px solid #1a3376; border-bottom:120px solid #1a3376;}
#foot2 {position:absolute; margin:0; bottom:80px; left:0; display:block; width:100%; height:40px; z-index:4; overflow:hidden; background: #f2f1ed;}
* html #foot2 {bottom:78px;} /* Korrektur fuer IE */
/* ENDE Bereiche */
/* Inhalte */
#head h1 {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:1em; margin:0; color:#1a3376;}
#head2 h1 {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:0.8em; font-weight:200; display:inline; color:#005447;}
#content h1 {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:1.6em; margin-top:0.0em; margin-left:1.0em; color:#005447; font-weight:800;}
#content h2 {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:1.4em; margin-top:0.5em; margin-left:1.5em; color:#005447; font-weight:600;}
#content h3 {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:1.2em; margin-top:0.5em; margin-left:2.5em; color:#005447; font-weight:400;}
#content h4 {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:1.0em; margin-top:0.5em; margin-left:1.0em; color:#005447; font-weight:200;}
#content p {padding:10px 20px 5px 20px; /* background-color:#1a3376; */ /* padding: oben, rechts, unten, links */}
#content table {margin:auto;}
* html #content table {margin:0 20px;} /* Korrektur Ausrichtung Tabelle fuer IE */
#content .tabtext {font-size:1.0em; padding-left:5px; padding-right:5px;}
* html #content .tabtext {font-size:0.8em; padding-left:5px; padding-right:5px;}/* Korrektur Schriftgroesse Tabelle fuer IE */
#left p {text-align:center;}
#left h1 {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:1.4em; margin-top:0.5em; text-align:center; color:#005447; font-weight:600;}
#left h2 {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:1.6em; margin-top:1.75em; margin-left:1.0em; margin-bottom:1.5em; color:#005447; font-weight:800;}
#left h3 {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:1.1em; margin-top:0.8em; margin-left:1.0em; margin-bottom:1.5em; color:#005447; font-weight:800;}
#left h4 {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:0.9em; margin-top:0.8em; margin-left:1.0em; margin-bottom:1.5em; color:#005447; font-weight:800;}
#foot2 .infopos {margin-top:1em; margin-left:280px;}
a.nav, a.nav:visited {margin-left:40px; margin-bottom:2px; display:block; width:200px; height:25px; background:#aaa; color:#f2f1ed; border:1px solid #000; text-decoration:none; text-align:center; line-height:25px;}
a.nav:hover {background:#1a3376; color:#f2f1ed;}
a.nav2, a.nav2:visited {margin-left:50px; margin-bottom:2px; display:block; width:200px; height:25px; background:#aaa; color:#f2f1ed; border:1px solid #000; text-decoration:none; text-align:center; line-height:25px;}
a.nav2:hover {background:#1a3376; color:#f2f1ed;}
a, a:visited {color:#1a3376;}
a:hover {color:#a00;}
dd {display:none;}
.bold {font-size:1.2em; font-weight:bold;}
.acro {border-bottom:1px dotted;}
.info {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:0.9em; color:#666;}
.info_mitte {font-family:Tahoma, Verdana, Arial, sans-serif; font-size:0.9em; color:#a00; text-align:center;}
.nav {margin-left:40px; margin-bottom:2px; display:block; width:200px; height:25px; background:#1a3376; color:#55a99c; border:1px solid #55a99c; text-decoration:none; text-align:center; line-height:25px;}
.nav2 {margin-left:50px; margin-bottom:2px; display:block; width:200px; height:25px; background:#1a3376; color:#55a99c; border:1px solid #55a99c; text-decoration:none; text-align:center; line-height:25px;}
.path {color:#e96e01;}
.path_end {color:#000;}
.webdesign {position:absolute; bottom:80px; left:50px; z-index:20;}
.links {text-align:left;}
.mitte {text-align:center;}
.rechts {text-align:right;}
.rot {color:#f00;}
.blau {color:#00f;}
.line {text-align:left; height:2px; width:20%;}
/* ENDE Inhalte */
/* Link-Tabs (Tabelle) */
.tabs {height:70px;}
.tab_0 {width:280px;height:30px;}
.tab00 {width:18px;background:url(../images/nav/nav00.jpg) no-repeat;}
.tab00_sel {width:18px;background:url(../images/nav/nav00_sel.jpg) no-repeat;}
.tab001_sel {width:19px;background:url(../images/nav/nav001_sel.jpg) no-repeat;}
.tab01 {font:bold 70% Tahoma, Verdana, Arial, sans-serif;padding:0 3px 0 3px;background:url(../images/nav/nav01.jpg) repeat-x;}
.tab01_r {font:bold 70% Tahoma, Verdana, Arial, sans-serif;padding:0 3px 0 3px;background:url(../images/nav/nav01.jpg) repeat-x;border-right:1px solid #1a3376;}
.tab01 a, .tab01 a:visited {color:#333;text-decoration:none;}
.tab01_r a, .tab01_r a:visited {color:#333;text-decoration:none;}
.tab01 a:hover {color:#333;text-decoration:underline;}
.tab01_r a:hover {color:#333;text-decoration:underline;}
.tab01_sel {font:bold 70% Tahoma, Verdana, Arial, sans-serif;padding:0 3px 0 3px;background:url(../images/nav/nav01_sel.jpg) repeat-x;}
.tab01_sel_r {font:bold 70% Tahoma, Verdana, Arial, sans-serif;padding:0 3px 0 3px;background:url(../images/nav/nav01_sel.jpg) repeat-x;border-right:1px solid #1a3376;}
.tab01_sel a, .tab01_sel a:visited {color:#333;text-decoration:none;}
.tab01_sel_r a, .tab01_sel_r a:visited {color:#333;text-decoration:none;}
.tab01_sel a:hover {color:#333;text-decoration:underline;}
.tab01_sel_r a:hover {color:#333;text-decoration:underline;}
.tab02 {width:19px;background:url(../images/nav/nav02.jpg) no-repeat;}
.tab02_sel {width:19px;background:url(../images/nav/nav02_sel.jpg) no-repeat;}
/* ENDE Link-Tabs (Tabelle) */
/* Tabellenfarben */
.view {color:#005447; font-weight:800;}
.tab_a {color:#1a3376; background-color:#ccccff; font-weight:800;}
.tab_b {color:#1a3376; background-color:#bcbef3; padding:5px;}
.tab_c {color:#1a3376; background-color:#acb0e6; padding:5px;}
.tab_d {color:#1a3376; background-color:#9ba2da; padding:5px;}
.tab_e {color:#1a3376; background-color:#8b94cd; padding:5px;}
.tab_f {color:#1a3376; background-color:#7b86c1; padding:5px;}
.tab_g {color:#ccccff; background-color:#6b79b4; padding:5px;}
.tab_h {color:#ccccff; background-color:#5b6ba8; padding:5px;}
.tab_i {color:#ccccff; background-color:#4b5d9b; padding:5px;}
.tab_j {color:#ccccff; background-color:#3a4f8f; padding:5px;}
.tab_k {color:#ccccff; background-color:#2a4182; padding:5px;}
.tab_b1 {text-align:center; font-style:italic; color:#1a3376; background-color:#bcbef3; padding:5px;}
.tab_c1 {text-align:center; font-style:italic; color:#1a3376; background-color:#acb0e6; padding:5px;}
.tab_d1 {text-align:center; font-style:italic; color:#1a3376; background-color:#9ba2da; padding:5px;}
.tab_e1 {text-align:center; font-style:italic; color:#1a3376; background-color:#8b94cd; padding:5px;}
.tab_f1 {text-align:center; font-style:italic; color:#1a3376; background-color:#7b86c1; padding:5px;}
.tab_g1 {text-align:center; font-style:italic; color:#ccccff; background-color:#6b79b4; padding:5px;}
.tab_h1 {text-align:center; font-style:italic; color:#ccccff; background-color:#5b6ba8; padding:5px;}
.tab_i1 {text-align:center; font-style:italic; color:#ccccff; background-color:#4b5d9b; padding:5px;}
.tab_j1 {text-align:center; font-style:italic; color:#ccccff; background-color:#3a4f8f; padding:5px;}
.tab_k1 {text-align:center; font-style:italic; color:#ccccff; background-color:#2a4182; padding:5px;}
.tab_b_sm {color:#1a3376; background-color:#bcbef3; padding:3px;}
.tab_c_sm {color:#1a3376; background-color:#acb0e6; padding:3px;}
.tab_d_sm {color:#1a3376; background-color:#9ba2da; padding:3px;}
.tab_e_sm {color:#1a3376; background-color:#8b94cd; padding:3px;}
.tab_f_sm {color:#1a3376; background-color:#7b86c1; padding:3px;}
.tab_g_sm {color:#ccccff; background-color:#6b79b4; padding:3px;}
.tab_h_sm {color:#ccccff; background-color:#5b6ba8; padding:3px;}
.tab_i_sm {color:#ccccff; background-color:#4b5d9b; padding:3px;}
.tab_j_sm {color:#ccccff; background-color:#3a4f8f; padding:3px;}
.tab_k_sm {color:#ccccff; background-color:#2a4182; padding:3px;}
.tab_b a, .tab_b1 a, .tab_b2 a, .tab_b_sm a, .tab_c a, .tab_c1 a, .tab_c2 a, .tab_c_sm a, .tab_d a, .tab_d1 a, .tab_d2 a, .tab_d_sm a, .tab_e a, .tab_e1 a, .tab_e2 a, .tab_e_sm a, .tab_f a, .tab_f1 a, .tab_f2 a, .tab_f_sm a {color:#1a3376; text-decoration:underline;}
.tab_g a, .tab_g1 a, .tab_g2 a, .tab_g_sm a, .tab_h a, .tab_h1 a, .tab_h2 a, .tab_h_sm a, .tab_i a, .tab_i1 a, .tab_i2 a, .tab_i_sm a, .tab_j a, .tab_j1 a, .tab_j2 a, .tab_j_sm a, .tab_k a, .tab_k1 a, .tab_k2 a, .tab_k_sm a {color:#ccccff; text-decoration:underline;}
.tab_b a:hover, .tab_b1 a:hover, .tab_b2 a:hover, .tab_b_sm a:hover, .tab_c a:hover, .tab_c1 a:hover, .tab_c2 a:hover, .tab_c_sm a:hover, .tab_d a:hover, .tab_d1 a:hover, .tab_d2 a:hover, .tab_d_sm a:hover, .tab_e a:hover, .tab_e1 a:hover, .tab_e2 a:hover, .tab_e_sm a:hover, .tab_f a:hover, .tab_f1 a:hover, .tab_f2 a:hover, .tab_f_sm a:hover, .tab_g a:hover, .tab_g1 a:hover, .tab_g2 a:hover, .tab_g_sm a:hover, .tab_h a:hover, .tab_h1 a:hover, .tab_h2 a:hover, .tab_h_sm a:hover, .tab_i a:hover, .tab_i1 a:hover, .tab_i2 a:hover, .tab_i_sm a:hover, .tab_j a:hover, .tab_j1 a:hover, .tab_j2 a:hover, .tab_j_sm a:hover, .tab_k a:hover, .tab_k1 a:hover, .tab_k2 a:hover, .tab_k_sm a:hover {color:#a00;}
/* ENDE Tabellenfarben */
|
