getElementsByTagName

[Bernhard]

Hallo Neuroleptika,

jetzt könnte ich auch einen neuen Thread im CSS aufmachen...
allerdings werde ich mich jetzt erstmal mit dem PHP-Teil beschäftigen.

Ich war gerade mit der Original-Datei in Browsershots:

• IE 4.01 => total zerrissen
• IE 5.01 (JavaScript deaktiviert) => Content beginnt erst unterhalb
  der Navigation => würde ich gerne fixen
• IE 5.5 => sieht relativ ordentlich aus (wobei ich da so blöd war, ein
  Bild zu verwenden, das schmaler ist, als <dt> - da hat er links einige
  Pixel Abstand, könnte also sein, dass er mit einem Bild, das die volle
  Größe hat, <dt> vergrößert und damit das Layout sprengt => nochmal
  testen...

Ich weiß, dass derjenige, für den die Site ist, sie mit dem IE-Mac anschauen wird,
daher muss ich ihn rudimentär beachten...

(Wobei ich bis heute nicht verstehe, warum der IE-Mac noch nicht ausgestorben ist,
wo Mac-User doch so fortschrittlich sind...;-) )

Grüße
Bernhard

Edit: jetzt müsste es im IE5.x hinhauen (abgesehen von ein paar Pixeln Abweichung)
Falls Du eine Lösung weißt, dem IE4.x mit einfachen Mitteln alle CSS vorzuenthalten
und anschließend nur die Elemente auszublenden, die er eh nicht braucht (Thumbs
und Pfeile), würde ich ihn noch berücksichtigen, ansonsten lasse ich ihn einfach aus...
Hab gerade in alle Statistiken geschaut: ich hatte dieses Jahr noch keinen einzigen
Besucher mit IE<5, weiß aber von einem Bekannten, dass der IE4.x bei ihm noch
ca. 4% ausmacht...

Ich habe im IE8 > Extras > Entwicklertools
den Browsermodus auf IE7 und Dokumentenmodus auf Quirks gestellt.
Die Seite sah dann so aus wie im IE5.5-win.
Dann habe ich das Element div.content angewählt und dort das Häckchen bei float: left entfernt.
.content rutschte so nicht mehr unter #navi.

Wenn es um Boxmodellfehler oder Floats im IE5.5 geht, liege ich damit meißtens richtig (aber nicht immer).

Mit dem IE-mac hat das alles nichts gemein.
Er kennt weder haslayout noch Conditional Comments.
Meine Quelle für den IE-mac ist versiegt.
(fh-Hannover, die Fachbereiche bildende / freie Kunst gibt es nicht mehr).
Ich beachte diesen Browser nicht mehr.



Nein,
ich habe derzeit kein Debugging-Werkzeug für den IE6 und darunter.

Ich verwende diese Emulation unter Linux:
IEs4Linux

 

[neuroleptika]

Ich weiß, dass derjenige, für den die Site ist, sie mit dem IE-Mac anschauen wird,
daher muss ich ihn rudimentär beachten...

Hi Bernhard,
Im IE5.5(win) funktioniert jetzt sogar das Galerie-script.

Ich meine der IE5.x-mac ist bereits ausgestorben.
Dein Kunde / Bekannter sieht sich die Seite vielleicht nur im IE-mac an weil er keinen anderen IE hat.
Vielleicht kannst du ihm erklären, daß der IE-Win nicht mit der mac-Version vergleichbar ist.

P.S.: (ich vermute, dass es Dich interessiert...) ich hatte Dir auf Deine Mail
geantwortet, dass Dein Vorschlag nur für die erste Ebene funktioniert, nicht
für die zweite - ich hatte versucht, Dein Script direkt in der original-Version
der Website umzusetzen... - meine Idee habe ich zuerst in der abgespeckten
Version getestet, die ich hier verlinkt habe - als ich sie jetzt in die original-
Version kopiert habe, hat sie auch nur für die erste Ebene funktioniert...
Lösung: die Test-Version enthält keine background-images, die Funktion wird
initialisiert durch background-image, in der original-Version wimmelt es vor
background-images, nachdem ich in der ie6.css background-image durch
background-attachment ersetzt habe, hat es hingehauen...
Hast Du dafür eine Erklärung?

Ich habe es auch nicht geschafft eine dritte Ebene mit dem Script von alistapart auszuklappen.
Auf der Seite des Autors gibt es eine neuere Version:
Son of Suckerfish Dropdowns | HTML Dog
Damit hatte ich keine Probleme.

Es gibt im IE6 einen Bug mit a:hover kinderelement

<a href="#" class="link"><strong>test</strong></a>

link:hover strong hat hier keine Auswirkungen auf <strong>

Wenn .link:hover eine Eigenschaft bekommt die es für .link zuvor nicht gab, funktioniert es:

[COLOR="DarkRed"][B].link:hover  {
background-position: 0 0;
}[/B][/COLOR]

.link:hover strong {
color: pink;
}

Vielleicht hat background-attachment bei dir das gleiche bewirkt.

Im IE7 taucht der Bug an einer anderen Stelle wieder auf.
(li:hover Kinderelement)
Hier ein funktionierendes Beispiel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
  <title>Hover IE</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="robots" content="noindex">
  <style type="text/css">

#men1, #men1 * {
margin: 0;
padding: 0;
list-style: none;
}

#men1 {
float: left;
width: 8em;
background-color: gray;
}


#men1 li {
position: relative;
}

#men1 li a,
#men1 li strong {
display: block;
padding: 9px 2px;
border-bottom: 1px solid #ffffff;
zoom: 1;
}

#men1 li ul {
position: absolute;
top: 0;
left: -999em;
width: 8em;
background-color: pink;
}

[COLOR="#8b0000"][B]#men1 li:hover {
text-indent: 0; /*ie7*/
}[/B][/COLOR]

[COLOR="#8b0000"][B]#men1 li:hover li:hover {
border-left: 0px solid; /*ie7*/
}[/B][/COLOR]

#men1 li:hover ul,
#men1 .sfhover ul {
position: absolute;
left: 8em;
width: 8em;

}

#men1 li:hover ul li ul,
#men1 .sfhover ul li ul {
position: absolute;
left: -999em;
width: 8em;
background-color: lightgray;
}



#men1 li ul li:hover ul,
#men1 li ul li.sfhover ul {
position: absolute;
left: 8em;
width: 8em;
background: gray;
}

[COLOR="DarkRed"][B].link:hover  {
background-position: 0 0; /*IE <=6*/
}[/B][/COLOR]

.link:hover strong {
color: pink;
}
  </style>

<!--[if lt IE 7]>
<style>
#men1 li {
display: inline; /*whitespace bug*/
}
</style>

 <script type="text/javascript">

sfHover = function() {
	var sfEls = document.getElementById("men1").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

</script>
<![endif]-->


</head>
<body>


<ul id="men1">
<li><a href="#">item-1</a></li>
<li><a href="#">item-2</a>
<li><strong>ausklappen</strong>
  <ul>
  <li><a href="#">item-2.1</a></li>
  <li><a href="#">item-2.2</a></li>
  <li><strong>ausklappen</strong>
    <ul>
    <li><a href="#">item-2.1</a></li>
    <li><a href="#">item-2.2</a></li>
    </ul>
  </li>
  </ul>
</li>
<li><a href="#">item-3</a></li>
</ul>


<a href="#" class="link"><strong>IE 6 Test</strong></a>

</body>
</html>

 

[Bernhard]

Hallo Neuroleptika,

Hi Bernhard,
Im IE5.5(win) funktioniert jetzt sogar das Galerie-script.

Ich war so blöd, für meine Tests mit der Original-Datei auf Browsershots als erstes
Bild ein Bild einzusetzen, das kleiner war als <dt> - damit konnte ich keinen Fehler
sehen, daraufhin habe ich in die erste Zeile der Datei eine XML-Deklaration eingefügt,
um den IE6 in den Quirksmodus zu versetzen - so konnte ich den Fehler sehen und
beheben...

Ich meine der IE5.x-mac ist bereits ausgestorben.
Dein Kunde / Bekannter sieht sich die Seite vielleicht nur im IE-mac an weil er keinen anderen IE hat.
Vielleicht kannst du ihm erklären, daß der IE-Win nicht mit der mac-Version vergleichbar ist.

Ich kenne vier Leute, die einen Mac haben (O.K., das ist nicht repräsentativ),
drei davon haben den IE installiert - allen drei habe ich gesagt, dass sie ihn
vergessen sollen (mit Hinweis auf die offizielle Microsoft-Empfehlung, Safari zu
verwenden) - daraufhin wäre einer sofort bereit gewesen, ihn zu deinstallieren,
hat mir aber gleichzeitig angeboten, dass ich bei ihm jederzeit Webseiten testen
könnte und er ihn nur zu diesem Zweck installiert lassen würde (aber selber nicht
mehr benutzen würde...) - das ist doch O.K. ;-)
(wobei derjenige momentan einige 100 Kilometer weit weg ist, ich also nicht testen kann...)

Es gibt im IE6 einen Bug (...)

Im IE7 taucht der Bug an einer anderen Stelle wieder auf. (...)

IE ist ein Bug... - O.K., IE8 ist nicht mehr ganz so schlimm...

Aber insbesondere mit IE7 habe ich schon die tollsten Sachen erlebt...

O.K., ich glaube, mit diesem Thread sind wir durch...
Falls aber noch jemandem etwas einfällt / auffällt: nur her damit!

Ich hoffe, dass ich mich morgen dran traue, mit dem PHP-Teil der Galerie zu beginnen,
dann geht es in meinem bereits begonnenen Thread im PHP-Forum weiter...

Grüße
Bernhard

Edit:

Wenn .link:hover eine Eigenschaft bekommt die es für .link zuvor nicht gab, funktioniert es

Vielleicht hat background-attachment bei dir das gleiche bewirkt.

Auf diesen Hinweis bin ich auch gestoßen und habe deswegen eine Eigenschaft
verwendet, die es vorher nicht gab (und gleichzeitig eine, die möglichst wenig
neue Fehler verursachen kann...)