zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden wieder mal IE6 und CSS-Menues...

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.12.2008, 17:08
Benutzerbild von spezies-8472
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.10.2008
Ort: Berlin-Bohnsdorf
Beiträge: 73
spezies-8472 befindet sich auf einem aufstrebenden Ast
Standard 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 09:03 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.12.2008, 19:50
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.038
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 30.12.2008, 20:39
Benutzerbild von spezies-8472
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.10.2008
Ort: Berlin-Bohnsdorf
Beiträge: 73
spezies-8472 befindet sich auf einem aufstrebenden Ast
Standard

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 anzeigen
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
__________________
Jeder weiß, wie schnell das ist - aber mit welcher Geschwindigkeit breitet sich Dunkelheit aus
Mit Zitat antworten
  #4 (permalink)  
Alt 19.01.2009, 09:06
Benutzerbild von spezies-8472
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 22.10.2008
Ort: Berlin-Bohnsdorf
Beiträge: 73
spezies-8472 befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Antwort

Stichwörter
code optimieren, css, menü, menue, tabellen, xhtml

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Inspiration - Sammlung von Links emti Ressourcen 8 01.12.2009 18:02
CSS Gallery Problem (IE6) playaz CSS 1 14.09.2009 14:11
CSS // Float:left Problem im IE6 screengrafixx CSS 3 08.02.2008 13:29
Tabs mit CSS - Problem mit IE6 crush41 CSS 2 01.02.2008 14:48
IE6 Problem mit CSS Menü träumer CSS 2 15.01.2007 16:55


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:38 Uhr.