iWeb Seite in anderen Browsern total verstellt.

[chack]

So, so langsam ist alles so wie ich will... Nur ein Problem habe ich da noch...

In Safari sieht die Seite perfekt aus, in Firefox gibt es "Rahmen um die Bilder" und Opera lädt die Bilder zuerst richtig, aber dann schneidet er sie einfach... Liegts am Template oder ist es einfach ein generelles iweb Problem da es sich nicht wirklich an W3C standard hält. Hab eigentlich recht wenig lust selbst Hand zu legen... Hatte früher eine selbst erstellte Seite aber iWeb ist so schön einfach

Screenshots:

Safari: http://img132.imageshack.us/i/safari.tif/
opera: http://img210.imageshack.us/i/opera.tif/
Firefox: http://img176.imageshack.us/i/firefox.tif/


Ich glaube den internet explorer will ich garnicht sehen


Edit: Liegt wohl in FF und Opera an den Schatten :/ Gibts keine Umwege??

 

[PDM]

Entspann Dich. Du kannst iWeb Seiten für alle Browser vernünftige gestalten. Es gibt nur einige Dinge die Du beachten mußt.

z.B.: Rahmen und Schatten, die Du in iWeb erstellst werden in Safari dargestellt.
im Firefox nicht. Wenn Du Textfelder erstellst und auf dem Text Schatten hast, sieht das in Safari gut aus, aber im Firefox hast Du auf einmal ungewollte Rahmen.

Ein guter Trick, um mit allen Browsern klar zu kommen.
Erstelle die Hauptgrafik Deiner Seite in Photoshop. Für Web Speichern und nach iWeb ziehen.
Diese ganzen Vorlagen finde ich persönlich Schrott. Ich mache das lieber selber.

Erstelle Logos und Schriften mit Schatten, speichere diese für Web etc.
Alles super und kein Problem mit div. Browsern.

Wenn Du unbedingt mit Vorlagen arbeiten willst, verzichte auf alle Schatten und Rahmen.
Das für den Moment. Ich schaue mir Deine Seite mal in Ruhe mit versch. Browsern an und
melde mich dazu wieder.
Grüsse
PDM

 

[PDM]

ja, genau wie ich gesagt habe:
Firefox stellt Rahmen da, weil Du Schatten für Text bzw. Elemente nutzt.
Opera: alles sauber, stellt aber keine Schatten da.

Lösung: alle Elemente mit Schatten in Photoshop erstellen.

Am besten das komplette Grundgerüst und als EINE Datei für Web speichern.
Dann Text und vielleicht ein paar Extras drüber.

Ergebnis: kleine Datenmenge = Seite wird schnell geladen und so dargestellt wie sie sein soll.

 

[chack]

Testweise einfach ein 2. Bild drunter gelegt mit 50%. Sieht recht gut aus... Würde jetzt nur gerne die Kanten irgendwie abrunden...

Naja, überzeugt euch mal selbst: www.chack.bplaced.net

Sieht doch recht gut aus...

 

[Kiwii2006]

Scheint jetzt in allen Browsern zu funktionieren oder?

mfG

 

[chack]

Halbwegs durch den Umweg der Bilder auf der unteren Ebene

 

[PDM]

@chack:
Interessante Idee, ABER Browser wie Opera stellen die Schatten nicht da.

Optimale Lösung, wie ich bereits beschrieben habe per Photoshop damit alles so aussieht,
wie es aussehen soll.

 

[chack]

Habe mit PS einfach eine Schwarzene Ebene gemacht, diese auf 50% gestellt und wolla

Ohne Schatten fand ich die Seite irgendwie kalt & leer. Mit dieser einfachen Lösung klappts super

 

[CraZyChris]

Habe mit PS einfach eine Schwarzene Ebene gemacht, diese auf 50% gestellt und wolla voilà)

 

[PDM]

@chack:
Das ist mir nicht klar. Auch ich lerne gerne noch dazu. Wie eine schwarze Ebene gemacht ?.
Als Hintergrund ?. Verstehe ich jetzt nicht wirklich.
Erkläre doch bitte mal Step by Step. Interessiert bestimmt auch andere.

 

[chack]

Eine neue Bildatei erstellt (50x50) diese komplett schwarz angemalt.
Transparenz auf 50% (oder je nach Schatten höher/niedriger). Dieses Bild in iWeb einfügen und eine Ebene unter das Bild legen das den Schatten Effekt bekommen soll.

 

[PDM]

OK. Verstehe. Das ist zwar nett, ABER die Schatten sehen etwas merkwürdig aus, die Winkel stimmen alle nicht. Das sieht mit original Schatten besser aus.

Ist zwar eine pfiffige Idee, aber jedem Grafiker dreht sich da der Magen um. Sorry, ist nicht böse gemeint. Ich bleibe da bei meiner Lösung wie schon beschrieben.

Ergebnis: kleine Datenmenge, schneller Aufbau

Aber Danke für die schnelle Antwort

 

[chack]

Ist mir bewusst
Natürlich hätte ich die Seiten abflachen können bzw, neue Ebenen mit weniger/mehr Transparenz einfügen können um zu dem Effekt zu gelangen, jedoch hatte ich keine Lust drauf (bin sowieso schon an einem neuen Design {www.chack.bplaced.net/ND/final.html )