Verschiedene Browser

[xaverseppel]

Kann mir einer sagen warum meine Seite im Opera-Browser anderster aussieht als im Mictosoft. Hat das was mit den Shylesheets zutun? Also ich mein, wenn ich die einbinden würde, würde des dann überall gleich aussehen???

[Kurgan]

das liegt daran weil die alle ihr eigenes süppchen kochen und bei der gelegenheit dem w3c noch ordentlich in deren spucken ;)

no chance auf gleiches aussehen

[Wudu]

Original geschrieben von Kurgan
no chance auf gleiches aussehen

doch die chanze gibt es, aber dann muss man viel weglassen und auf schöne features verzichten. schade eigentlich das so viele süppchen parallel köcheln, wäre mal eine nette idee das ganze zu standardisieren, aber was sag ich da, den standard hamma ja, halten tut sich keiner dran, das mach mal ein programmierer in einer firma, der lebt ned lange.....

[Kurgan]

Original geschrieben von Wudu
doch die chanze gibt es, aber dann muss man viel weglassen und auf schöne features verzichten. schade eigentlich das so viele süppchen parallel köcheln, wäre mal eine nette idee das ganze zu standardisieren, aber was sag ich da, den standard hamma ja, halten tut sich keiner dran, das mach mal ein programmierer in einer firma, der lebt ned lange.....

ich habs noch nicht probiert, aber selbst wenn man alle "eigenen" süppchen weglässt bezweifle ich das das auf den unterschiedlichen browsern gleich aussieht .. von linux, mac und win noch nichtmal gesprochen ..

ansonsten: 100% ack ;)

[Aqualon]

Mal ein wenig Eigenwerbung mach und auf http://www.wwp.de/ hinweis.

Die Seite sollte eigentlich in allen aktuellen Browsern (NS ab 6, IE ab 5, Opera ab 6) so ziemlich gleich aussehen (von den Texten mal abgesehen).

Wenn ihr große Differenzen seht, könnt ihr mir ja Bescheid sagen. War schwierig genug, die so hinzukriegen (vorallem der Rahmen aussen rum).

Man kann schon ne Seite auf verschiedene Browser anpassen, aber der Aufwand lohnt sich in den meisten Fällen einfach nicht.

Ich mach Seiten mit Mozilla, schau dass sie W3C-kompatibel sind (soweit möglich) und guck dann nochmal mit IE5 drüber, dass der die Seite auch so anzeigt, wie sie aussehen soll und das muss dann reichen.

Ne Seite, die pixelgenau überall gleich ausschaut ist aber nur ne schöne Utopie, die wohl nie in Erfüllung gehen wird.

Aqua

[xaverseppel]

Was ist eingetlich der W3C???

Schade das des net so einfach geht! Hat das nichts mit den Shylesheets zutun???

[Kurgan]

Original geschrieben von xaverseppel
Was ist eingetlich der W3C???

www-consortium ... sowas wie die iso-anstalt fürs web ;)

[Aqualon]

Original geschrieben von Kurgan
www-consortium ... sowas wie die iso-anstalt fürs web ;)

Anstalt kann man bei dem Verein aber manchmal auch wörtlich nehmen ;)

Die URL ist http://www.w3.org

Dort kann man sich schön über die ganzen Webtechnologien informieren und was (meistens theoretisch) schönes damit gemacht werden kann.

Was dann im Endeffekt die einzelnen Browser draus machen steht auf nem anderen Papier. Seiten mit minimalem Stylesheet-Einsatz werden überall fast gleich aussehen, aber auch da gibt es Unterschiede, z.B. bei der Definition eines Rahmens um eine Box. Einige Browser addieren die Rahmenbreite nämlich zur Breite der Box hinzu, andere machen es so, dass Box+Rahmen die angegebene Breite der Box haben.

Bei 1px Rahmen fällt das zwar nicht sonderlich auf, ausser der Rahmen muss um die ganze Seite rumgehen und genau mit Grafiken auf anderen Layern abschließen.

Aqua

[Kurgan]

Original geschrieben von Aqualon
Was dann im Endeffekt die einzelnen Browser draus machen steht auf nem anderen Papier. Seiten mit minimalem Stylesheet-Einsatz werden überall fast gleich aussehen, aber auch da gibt es Unterschiede, z.B. bei der Definition eines Rahmens um eine Box. Einige Browser addieren die Rahmenbreite nämlich zur Breite der Box hinzu, andere machen es so, dass Box+Rahmen die angegebene Breite der Box haben.

Bei 1px Rahmen fällt das zwar nicht sonderlich auf, ausser der Rahmen muss um die ganze Seite rumgehen und genau mit Grafiken auf anderen Layern abschließen.

Aqua

oh ja, sowas ist wirklich wunderschön ... und was für erstklassige :kotz:-anfälle das auslöst :D

[Aqualon]

Original geschrieben von Kurgan
oh ja, sowas ist wirklich wunderschön ... und was für erstklassige :kotz:-anfälle das auslöst :D

Das stimmt, voll :schlag: das ganze.

Ich hab mir dann so beholfen:


<div id="allg-hintergrund">
<div id="rand"><img src="../images/weiss.gif" width="1001" height="571" alt="" title="" style="visibility:hidden;" /></div>
</div>


Die Styles dazu sehen so aus:


#allg-hintergrund { position:relative; width:1003px; height:573px; margin:auto; background-color:#FFFFFF; color:#000000; text-align:left; }

#rand { position:absolute; min-width:1001px; height:571px; min-height:571px; color:#000000; text-align:left; border-width:1px; border-style:solid; border-color:#000066; z-index:2;}


Gehört zwar bestimmt nicht zur schönsten Programmierweise, aber der Rand passt im IE ab 5, Opera ab 6 und Netscape ab 6 (in Mozilla passt es eh).

Aqua

[[USF]nostradamus]

ich selber lege mehr wert auf die auflösung, zuviele haben noch 800 x 600 (kunden)

da jetzt die passende page zu machen.... grauenvoll.

achten tuen wir überwiegend das die seiten im IE richtig dargestellt werden.

laut der statistiken der zugriffe auf die erstellten seiten sind 96 % der besucher über den IE drin.

zu w3c... wundert mich immer wieder wie Seiten mit sehr guten inhalten meist so schlecht desin´t sind.

mfg

[peterpeter]

Naja, gegen den Browser Krieg kann man nicht machen.

Ich hab auch nur gepostet um euch mal was zu zeigen.

Geht mal mit dem Mozilla und mit dem IE auf www.aim.com .

AIM hat 2 verschiedene Webseiten gebastelt. und je nach dem welchen browser ihr nutzt wird die entsprechende seite angezeigt!!


Da gab et bestimmt auch probleme mit der optimierung auf alle browser!

Ciao

[Aqualon]

Original geschrieben von peterpeter
Da gab et bestimmt auch probleme mit der optimierung auf alle browser!


Mozilla zeigt aber die Seite, auf die der IE weitergeleitet wird auch genauso an. Wahrscheinlich verwechseln die Mozilla noch mit Netscape 4 und zeigen deswegen die eine Seite an.

Aqua

[peterpeter]

Original geschrieben von Aqualon
Mozilla zeigt aber die Seite, auf die der IE weitergeleitet wird auch genauso an. Wahrscheinlich verwechseln die Mozilla noch mit Netscape 4 und zeigen deswegen die eine Seite an.

Aqua

Also bei mir werden da 2 verschiedene Seiten gezeigt.
Ich benutz Mozilla 1.4 und IE 6.0!

Hier beide Screenshots:

IE:
http://mitglied.lycos.de/thomasheiser/foren/aim.jpg

Mozilla:
http://mitglied.lycos.de/thomasheiser/foren/mozilla.jpg

[Aqualon]

Sorry, das war ungünstig formuliert. Ich hab gemeint, dass die Adresse auf die der IE weitergeleitet wird in Mozilla aufgerufen genauso aussieht.

Bei Aufruf von aim.com bekommen die Browser verschiedene Seiten, das stimmt.

Aqua

[peterpeter]

ach so, jetzt verstehe ich das.
ja das hab ich auch schon festgestellt. aber dennoch unterscheidet aim.com ihre besucher....

[Exxtreme]

Original geschrieben von Aqualon
Ne Seite, die pixelgenau überall gleich ausschaut ist aber nur ne schöne Utopie, die wohl nie in Erfüllung gehen wird.

Aqua
Dazu sind das HTML- und andere Formate gar nicht gedacht. WYMIWYG lautet das Motto. :)
Wenn man pixelgenau positionieren will, geht das nur per Grafiken.

[Aqualon]

Original geschrieben von Exxtreme
Dazu sind das HTML- und andere Formate gar nicht gedacht. WYMIWYG lautet das Motto. :)
Wenn man pixelgenau positionieren will, geht das nur per Grafiken.

WYMIWYG? Für was soll denn das M stehen? Kenn nur WYSIWYG :kotz:

Und HTML war dafür anfangs nicht gedacht, das ist klar, aber wenn alle Browser CSS-Positionierungen und Größenangaben exakt gleich unterstützen würden, könnte man pixelgenau arbeiten.

Aqua

[Exxtreme]

WYMIWYG = What You Mean Is What You Get. :)

[Aqualon]

Und wiedermal was dazugelernt, thx!

Aqua