Darstellungs-Probleme IE, Netscape, Opera

[romeozodiac]

Hallo, ich hab da ein Problem bei der Darstellung meiner Seite bei den 3 Browsern. Hier meine Seite: jazztime-ravensburg.de

Ich möchte erstmal erstmal den Stil meiner Seite definieren, das mache ich so:

<STYLE type="text/css" cm:escaping="no">
BODY { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000066;}
a:link { color:#EFF35D; text-decoration:none;}
a:visited { color:#EFF35D; text-decoration:none;}
a:active { color:#EFF35D; text-decoration:none;}
scrollbar-face-color: #000000; 
scrollbar-shadow-color: #000000; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-3dlight-color: #C0C0C0;
scrollbar-darkshadow-color: #949494; 
scrollbar-track-color: #949494; 
scrollbar-arrow-color: #C0C0C0;
overflow: hidden  }
</STYLE>

Worauf ich hinaus will, ist der Ausdruck "overflow: hidden", damit der rechte Scrollbalken weg ist. Wenn ich das so schreibe, wie oben, funktionierts in Netscape und Opera, wie erwünscht, jedoch beim IE ist der Scrollbalken immer noch da.
Schreibe ich jedoch den Quelltext, wie folgt:

<STYLE type="text/css" cm:escaping="no">
BODY { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000066;}
a:link { color:#EFF35D; text-decoration:none;}
a:visited { color:#EFF35D; text-decoration:none;}
a:active { color:#EFF35D; text-decoration:none;}
scrollbar-face-color: #000000; 
scrollbar-shadow-color: #000000; 
scrollbar-highlight-color: #FFFFFF; 
scrollbar-3dlight-color: #C0C0C0;
scrollbar-darkshadow-color: #949494; 
scrollbar-track-color: #949494; 
scrollbar-arrow-color: #C0C0C0;}

BODY {overflow: hidden}
</STYLE>

...ist der Scrollbalken im IE weg, aber Netscape und Opera laden die Seite nur teilweise, die Grafiken links und oben bleiben weg, nur der Text in der Mitte ist sichtbar.

Kann mir da jemand sagen, woran das liegt, oder wie ich das richtig machen kann, dass in allen 3 Browsern kein Scrollbalken da ist, jedoch alles angezeigt wird.

Danke schonmal!

[LANtastic]

Mehrere Sachen, die ich spontan sehe :

1.

<STYLE type="text/css" cm:escaping="no">

Was ist das ?

2.
Am Ende des oberen CSS Code ist eine Klammer zuviel :
overflow: hidden }

Die gehört da nicht hin.

3.
Die gleiche überflüssige Klammer haste auch im zweiten CSS Code :
scrollbar-arrow-color: #C0C0C0;}

4.
Was soll overflow:hidden bewirken ?
Das überstehende Elemente nicht mehr angezeigt werden. Tja, nun die Frage, was steht denn über, wenn du keine Angaben machst, ab wo was übersteht ?
Sprich wenn du nicht sagst: In meine Flasche passen 2 Liter Wasser rein, dann kann ein andere auch nicht wissen, daß die Flasche bei mehr als 2L Wasser überläuft.

Sprich du musst z.B. sagen :
Breite : 500px; Höhe: 500px;

Alles was drübersteht abschneiden.
Dann klappt das auch.

Im Zusammenhang mit dem Body Element ist das aber extrem unpraktisch, gefährlich und sehr sehr Userfeindlich. Wird z.B. die Schriftgrösse geändert. verschwinden plötzlich die Inhalte und man kann sie nicht mehr sehen.

Daher finger weg von overflow:hidden beim Body.

5.
Mehr zur Eigenschaft overflow gibt es hier beim W3C in Kapitel 11 : Visual Effects

Um die horizontale Scrollleiste loszuwerden, musst du :

overflow-y:hidden

verwenden. Das versteht nur der IE

Aber wie gesagt, lass das lieber. Wenn da eine Scrollleiste angezeigt wird, dann liegt es daran, daß es Bereiche gibt, die sie erfordern. Also lass dem User die Scrollleiste.

[Nico]

Erläutert ist das Thema ja genug, ich schreibe trotzdem kurz meine Meinung.

Da die Seite ja für "den IE 6.0, Netscape 7.0 und Opera 7.0 mit einer Auflösung von 1024x768".

würde ich ebenfalls auf das verstecken der Scrollbar verzichten. Immerhin surfen noch eine Menge der User mit einer Auflösung von 800x600 in Netz.

Und die willst Du doch nicht alle ausschließen?

PS: Ich halte es eh für unvermögen, wenn man eine Seite nicht für alle Browser aufbereiten kann. Ein "zertifiziert für den IE 6.0, Netscape 7.0 und Opera 7.0..." ist doch keine Lösung, oder?

Nico

[prefix]

optimiere die site für den benutzer, und nicht für browser oder auflösungen :-)

[romeozodiac]

OK, hab's mir überlegt, ich fahr jetzt nicht mehr dreigleisig, sondern möchte einen Browser-Check machen, so dass ich den Besuchern sagen kann, dass die Seite mit dem IE optimal funktioniert. Das mache ich so:

<html>
<head>
<script language="JavaScript">
<!--
function check()
{
  var browsername;
  browsername=navigator.appName;
	if (browsername=="Netscape")
	{window.open ("sorry.htm");}

        if (browsername=="Opera")
	{window.open ("sorry.htm");}
	
	if (browsername=="Microsoft Internet Explorer")
	{window.open ("index2.htm");}
}
//-->
</script>
</head>
<body onLoad="check()" bgcolor="#6A7380" text="#000000" scroll="auto">
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle"><font face="Verdana, Arial, sans-serif" size="1">
Ihr Browser konnte leider nicht identifiziert werden.
<a href="index2.htm">Hier</a> geht's weiter...
</font></td>
</tr>
</table>
</body>
</html>

Das ist erstmal nur für IE, Netscape und Opera. Das Problem ist aber, dass es mit dem IE und Netscape wunderbar funktioniert, jedoch leider bei Opera macht er leider gar nichts. Wie kann ich das ändern, damit's auch mit Opera klappt?

Am liebsten wäre es mir eigentlich, wenn jemand auf die Startseite kommt und ein Popup geht auf, in welchem der Browser und die dazugehörige Nachricht steht, aber das bekomme ich nicht hin. Wenn mir dafür jemand einen Link hätte, wo ich das nachlesen könnte oder mir anderweitige Hilfe anbieten könnte, wäre ich sehr froh.

Danke
Romeo

[romeozodiac]

Hab's jetzt selber rausgefunden:

<html>
<head>
<title>Brwoser Check</title>
</head>
<body>
<script type="text/javascript">
<!--
if (navigator.appName != "Microsoft Internet Explorer")
 alert("Ihr Browser wird von dieser Seite nicht unterstützt. 
Dadurch kann es zu Darstellungsfehlern kommen. 
Bitte benutzen Sie den Internet Explorer.")
//-->
</script>
</body></html>

Kann man das so lassen, oder gibt es mit dieser Methode irgendein Problem?

[LANtastic]

Frage Nr. 1: Bitte ? Was hast du da vor ? Du willst ernsthaft dem Besucher deiner Seite folgendes sagen :

Ihr Browser wird von dieser Seite nicht unterstützt. Dadurch kann es zu Darstellungsfehlern kommen. Bitte benutzen Sie den Internet Explorer.

Frage Nr. 2: Das meinst du nicht ernst oder ?

Frage Nr. 3: Wo hast du das schonmal gesehen ?

Frage Nr. 4: Willst du Besucher haben, oder vergraulen ?

Frage Nr. 5: Wer hat dir den Flo ins Ohr gesetzt (meine nicht flow09)

Frage Nr. 6: Was erhoffst du zu erreichen ?

Frage Nr. 7: Schon mal was von Standardkonformer Programmierung gehört ?

Frage Nr. 8: Was passiert denn wenn der Besucher JavaScript abgeschaltet hat ?

Frage Nr. 9: Was passiert denn bei Browsern, wie z.B: Safari & Co ? Sie sind extrem Standardkonform und von deinem Script ausgebootet.

Frage Nr. 10: Dir ist bewusst, daß der Internet Explorer unter Windows der schlechteste aller modernen Browser ist, oder ?

Frage Nr. 11: Ist garantiert und 100% nicht wirklich dein Ernst oder ?