Bräuchte Feedback von Windows-Usern
Ingo
- design/layout
Hallo zusammen,
ich habe folgenden Code über Javascript generieren lassen und befürchte Probleme mit dem IE unter WIN (mindestens).
Hier ist die Seite
http://www.lern-coach.de/test/test.html
und so sieht sie bei mir aus (MAC OSX)
<img src="http://www.lern-coach.de/test/bild.gif" border="0" alt="">
Falls es jetzt bei euch anders aussieht, so wäre es natürlich toll, wenn ihr euch den Code anschaut und mir einen Tipp gebt, woran es liegt.
Danke schon mal, Ingo
Hallo zusammen,
Hi!
ich habe folgenden Code über Javascript generieren lassen und befürchte Probleme mit dem IE unter WIN (mindestens).
IE 6, Windows2000:
Die drei unteren Kästen stehen nicht untereinander, sondern nebeneinander, jewils am unteren Rand ausgerichtet.
Gruß
Maresa
Die drei unteren Kästen stehen nicht untereinander, sondern nebeneinander, jewils am unteren Rand ausgerichtet.
Genau das habe ich befürchtet. Hast du eventuell eine Erklärung? Irgendwie scheint das mit der Positionierung der divs nicht zu funktionieren. Liegt es vielleicht an der Einheit em?
Vielleicht kennst du noch eine andere Art und Weise 2 divs nebeneinander zu legen.
Ingo
Hallo Ingo,
also bei mir sieht es unter Win98 genauso aus. Allerdings ersteckt sich das oberste schwarze Rechteck über 100% des fensters. Vielleicht wolltest du das ja auch.
<img src="http://www.lern-coach.de/test/bild.gif" border="0" alt="">
Gruß Gernot
Hallo nochmal,
übrigens auch IE 6.0 (Win 98)
Gruß Gernot
schwarze Rechteck über 100% des fensters
Das ist okay und geplant.
Danke fürs Feedback.
Ingo
Hallo Ingo,
Falls es jetzt bei euch anders aussieht, so wäre es natürlich toll, wenn ihr euch den Code anschaut und mir einen Tipp gebt, woran es liegt.
Firefox 0.9.3 unter Windows XP SP2
Die divs sind diagonal von links oben nach rechts unten angeordnet.
Freundliche Grüsse,
Vinzenz
Die divs sind diagonal von links oben nach rechts unten angeordnet.
Das habe ich befürchtet. Ich weiß aber nicht was ich anders machen soll :-(
Ingo
Hallo Ingo nochmal,
Das ist ja wirklich komisch, bei mir sieht unter Windows 98 auch in Mozilla 1.7.2, Netscape 7.1 und Opera 7.54 alles wie von dir gewünscht aus. Inzwischen sehe ich auch dass die Farbe braun und nicht schwarz ist, wie auf deinem Screenshot.
Gruß Gernot
Hallo Ingo,
Die divs sind diagonal von links oben nach rechts unten angeordnet.
Gleiches gilt für IE 6, Windows XP SP2.
Die diagonale Anordnung kannst Du beheben, indem Du Deiner Klasse
.element {
/* bisher */
clear: left;
}
hinzufügst.
Das habe ich befürchtet. Ich weiß aber nicht was ich anders machen soll :-(
Ursache dafür ist, dass die Breite der Klasse .ElNav nicht groß genug ist, und die letzte Grafik in eine neue Zeile rutscht. Dies ist sowohl in Firefox, als auch in IE abhängig von der Schriftgröße. Das ist auch logisch, denn bei größerer Breite von 1em wird Deine Box auch breiter, die Grafiken hingegen bleiben gleich groß. Wird die Schrift groß genug, so passt alles in eine Zeile.
Das ist im IE bei mir mit Schriftgrad "Sehr groß" der Fall, in Firefox muss ich einmal vergrößern. Einfache Abhilfe schafft Erhöhen der Breite von .ElNav auf 5.5em.
Freundliche Grüsse,
Vinzenz
PS: Dein CSS könntest Du gewaltig abspecken, so unterscheiden sich z.B. die Angaben in
a.navigation:...
nur in der Farbe.
Ein schlankeres CSS lässt sich leichter pflegen :-)
.element {
/* bisher */
clear: left;
Das hat prima funktioniert. :-))
Das ist im IE bei mir mit Schriftgrad "Sehr groß" der Fall, in Firefox muss ich einmal vergrößern. Einfache Abhilfe schafft Erhöhen der Breite von .ElNav auf 5.5em.
Das reicht leider nicht. Ich teste gerade auf WIN98, IE5.0 und die 3 verlinkten Grafiken sehen immer noch mies aus, da die letzte in die unterste Zeile rutscht. Gibt es noch eine andere Möglichkeit?
PS: Dein CSS könntest Du gewaltig abspecken, so unterscheiden sich z.B. die Angaben in
a.navigation:...
nur in der Farbe.
Das ist zwar richtig, aber dann werden die Links nicht mehr korrekt dargestellt. ICh hatte es gestern abend noch ausprobiert.
Ingo
Hallo,
bei meinem Firefox/Windows98SE-Gespann siehts aus, wie in Deinem Posting. (Ich gehe mal davon aus, das der obere braune Bereich in voller Bildschirmbreite erscheinen soll...
)
Chräcker
Hi,
bei mir (Win2k, IE 5.5SP2) sind die drei Bereiche mit "Hallo, ich bin es" auch diagonal von links oben nach rechts unten abgestuft.
Die drei verlinkten Symbole sind bei mir übrigens nicht in einer Zeile. Das erste ist direkt hinter dem INPUT-Feld, die anderen beiden in der nächsten Zeile.
Ich wage zu bezweifeln, ob dir die Auskunft nach all den ähnlichen Fällen mit WinXP noch hilft, aber ...
Schönen Abend noch,
Martin