XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   wieder mal IE6 und CSS-Menues... (http://xhtmlforum.de/showthread.php?t=55144)

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 */


andir 30.12.2008 19:50

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. :)

spezies-8472 30.12.2008 20:39

danke für den Link - aber hier werden keine überflüssigen Anweisungen entfernt, oder doch?
Jedenfalls ist das scheinbar nicht passiert in meiner CSS-Datei...
Also der Text an sich wurde minimiert - Leerzeichen raus, aus 0.1 wird .1 und solche Optimierungen sind schon passiert, aber "doppelte" Farben sind nicht angemeckert worden?!?!
Zitat:

Zitat von andir (Beitrag 415772)
Es gibt auch noch andere. Hinweise beachten.

Andere Optimierer? Muss ich nochmal suchen, habe ich vermutlich die falschen Suchbegriffe falsch angeordnet?!

Und welche Hinweise meinst Du :?:

spezies-8472 19.01.2009 09:06

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


Alle Zeitangaben in WEZ +2. Es ist jetzt 03:27 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2021, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2020