|
||||
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 */
__________________
Jeder weiß, wie schnell das ist - aber mit welcher Geschwindigkeit breitet sich Dunkelheit aus Geändert von spezies-8472 (19.01.2009 um 10:03 Uhr) |
Sponsored Links |
|
|||
Was deinen Code angeht:
CSS Formatter and Optimiser/Optimizer (based on CSSTidy 1.3dev) Vom User Floele dieses Forums. Es gibt auch noch andere. Hinweise beachten.
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Sponsored Links |
|
||||
CSS-Menüeffekte im IE6
Habe noch etwas an der Seite gebastelt, aber diese Verschiebungseffekt im IE6 kann ich nicht beseitigen.
Vielleicht kann mir da jemand den entscheidenden Tipp geben, wo mein Fehler zu suchen ist? Beispielseite
__________________
Jeder weiß, wie schnell das ist - aber mit welcher Geschwindigkeit breitet sich Dunkelheit aus |
Stichwörter |
code optimieren, css, menü, menue, tabellen, xhtml |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Inspiration - Sammlung von Links | emti | Ressourcen | 8 | 01.12.2009 19:02 |
CSS Gallery Problem (IE6) | playaz | CSS | 1 | 14.09.2009 15:11 |
CSS // Float:left Problem im IE6 | screengrafixx | CSS | 3 | 08.02.2008 14:29 |
Tabs mit CSS - Problem mit IE6 | crush41 | CSS | 2 | 01.02.2008 15:48 |
IE6 Problem mit CSS Menü | träumer | CSS | 2 | 15.01.2007 17:55 |