zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Sporadischer CSS Menu Fehler in allen Browsern, kaum reproduzierbar

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 15.05.2008, 03:12
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.09.2007
Beiträge: 19
killray befindet sich auf einem aufstrebenden Ast
Standard Sporadischer CSS Menu Fehler in allen Browsern, kaum reproduzierbar

Hallo, da in dem anderen Thread die wichtigen Sachen gelöst wurden komm ich jetzt zu dem Hauptproblem:

Also, erstmal zum Menu. Wenn ich die Seite zum ersten mal Besuche oder sporadisch zwischen den Seiten wechsele, wird mir in allen Browsern ab und an eine unvollstädnige Menu-Leiste wie auf den Bildern angezeigt, wenn ich dann allerdings mit F5 Reloade, ist der Fehler wieder verschwunden und alles wird normal angezeigt. Woran kann das liegen und welche Angaben muss ich machen, dass das wieder verschwindet?
Der Fehler taucht selten auf, aber ist nicht Browserbezogen. Das Design ist 100% XHTML 1.0 vailde, aber kann bei so einem Bug nicht produktiv eingesetzt werden. Es hilft, wenn man den Cache löscht, aber ich kann doch nicht von meinen Besuchern erwarten, dass Sie dies immer tun.
Ich komme nicht mehr weiter, wenn selbst das Einhalten der Webstandards solche Fehler produziert.

navi.css
Code:
.nav {
height:35px; 
background: url(images/pro_line_0.gif) repeat-x; 
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px; 
width:100%; 
z-index:500;
margin: 0 0 45px 0;
}

.nav .table {
display:table; 
margin: 0 0 0 20px;
}

.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.nav li {
background:none;
margin:0; 
padding:0; 
height:auto; 
float:left;
border-right: #ccc 1px solid;
}

.nav .select a {
display:block; 
height:35px; 
float:left; 
background: url(images/pro_line_0.gif); 
padding:0 20px 0 20px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#ddd;
}

.nav .current a {
display:block; 
height:35px; 
float:left; 
background: url(images/pro_line_2.gif); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#fff;
}


.nav .current a b {
display:block; 
padding:0 20px 0 5px; 
background:url(images/pro_line_2.gif) right top;
}

.nav .select a:hover, 
.nav .select li:hover a {
background: url(images/pro_line_1.gif); 
padding:0 0 0 15px; 
cursor:pointer; 
color:#fff;
}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0 20px 0 5px; 
background:url(images/pro_line_1.gif) right top; 
cursor:pointer;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; 
margin:0 0 0 93px; 
padding:0; 
list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#f00;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:100%;
top:35px; 
background:url(images/back_0.gif); 
padding:0; 
z-index:100; 
left:0; 
text-align:center;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent; 
padding:0 15px 0 15px; 
margin:0; 
white-space:nowrap; 
border:0; 
color:#444;
}

.nav .current .sub li.sub_show a {
color:#088; 
cursor:default; 
background:url(images/back_1.gif);
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#088; 
background:url(images/back_1.gif);
}
Und der IE Workaround:
Code:
.nav ul {display:inline-block;}
	.nav ul {display:inline;}
	.nav ul li {float:left;}
	.nav {text-align:left;}
	.nav .select a:hover b, .nav .select li:hover a b {float:none;} 
	.nav .select :hover .select_sub, .nav .current .show {width:990px;text-align:left;}


Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 15.05.2008, 11:41
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 09.07.2004
Beiträge: 1.103
cgdesign befindet sich auf einem aufstrebenden Ast
Standard

Du hast in der main.css in der Zeile 298 nur ein } zu viel.

Ansonsten? Tja, gute Frage. Kann denn dein Fehler noch jemand reproduzieren? Also, mehr als nur du? Ich nämlich nicht.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 15.05.2008, 13:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.09.2007
Beiträge: 19
killray befindet sich auf einem aufstrebenden Ast
Standard

Hmm dachte auch erst das es sich um ein lokales Problem handelt, aber dann schrieb mich ein Bekannter an, der das gleiche Problem, wenn auch nur einmalig, hatte und zwar auch im FF 2. Liegt es vielleicht am Browser? Aber welchen Sinn hat dann Valider Code? Das Problem ärgert mich schon gewaltig.
Mit Zitat antworten
  #4 (permalink)  
Alt 15.05.2008, 13:25
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 09.07.2004
Beiträge: 1.103
cgdesign befindet sich auf einem aufstrebenden Ast
Standard

Glaube jetzt mal weniger, dass es jetzt an dem validen Code liegt. Vielleicht hast du auch ein Cache-Problem oder irgendwas im FF eingestellt, keine Ahnung. Schon mal probiert, wenn du den Cache via Meta-tags unterbindest?

<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="Thu, 01 Dec 1994 16:00:00 GMT" />
Mit Zitat antworten
  #5 (permalink)  
Alt 15.05.2008, 13:59
Benutzer
neuer user
 
Registriert seit: 21.11.2007
Beiträge: 39
Ronnaki befindet sich auf einem aufstrebenden Ast
Standard

nur mal so als Idee...

bei Home wird das JavaScript 'TextResizeDetector' eingebunden und mit einer kleinen Zeitverzögerung (alle 200ms) ausgeführt. Wenn sich dann dein "Klicken" und die Funktionsausführung blöd überschneiden, kann es womöglich zu dem von dir beschrieben Fehler kommen.

Nimm doch mal spaßeshalber dieses JavaScript komplett raus und probier dann nochmal.
Mit Zitat antworten
  #6 (permalink)  
Alt 15.05.2008, 19:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.09.2007
Beiträge: 19
killray befindet sich auf einem aufstrebenden Ast
Standard

Etz hab ichs endlich mal reproduzierbar, zumindest bei mir.
  1. Erst den Cache löschen
  2. Dann die Seite unter Germanyhost - Mehr als nur Hosting aufrufen
  3. dann erst auf Shared Hosting klicken
  4. und dann z.B. auf Mail

Dann wirds wie auf den ersten beiden Bildern. Axo, die Javascripts hab ich mal alle raus zum testen und funzt trotzdem nicht. Tritt der denn bei keinem anderen auf?

[EDIT] Der Fehler trifft dann auch nur beim ersten Besuch einer Seite auf, beim zweiten nicht mehr!!!

Geändert von killray (16.05.2008 um 03:20 Uhr)
Mit Zitat antworten
Antwort

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
Kindelement eines ausgeblendeten Elternelementes ansprechen wandler CSS 7 19.06.2010 02:32
CSS Flyout Menu z-index Problem? Deluxestyler CSS 6 18.05.2010 13:05
Css Tree Fly Menu thiagojonas CSS 7 30.12.2008 21:10
CSS Menu - active Seite hervorheben celine70 CSS 2 20.12.2008 00:59
CSS Hilfe gesucht für Blindenseite johnjdoe CSS 30 17.02.2005 18:14


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:06 Uhr.