Zeilenabstand Mozilla Firefox

[Corinne]

Hallo!
Ich habe auf Mac mit Golive eine Seite erstellt, mit Hilfe von CSS die Schrift bestimmt. Die Seite enthält Layers. Auf Safari, IE funktioniert dies wunderbar, auf Mozilla jedoch sind die Layers leicht verschoben, da so wie es scheint, der Zeilenabstand auf Mozilla minim grösser ist als in der Vorgabe und sich somit das ganze table-based layout verschiebt, die layers jedoch an demselben ort stehen bleiben. Ich habe auch versucht, die Layers in das Table aufzunehmen, so dass sie sich automatisch auch weiterverschieben, aber dann ist es auf IE wieder ganz verschoben.
Meine Webseite ist online. Es geht darum, dass wenn man zb. über das Wort Trautes Heim/Cosy Home fährt, sich die Abbildung unten rosa verfärben sollte, die nun aber verschoben erscheint.

http://www.corinnezellweger.ch/Graphic+Design.html

Gibt es eine Möglichkeit im CSS etwas zu ändern? Bis jetzt habe ich nur Size und Line height bestimmt, alles andere ist auf unchanged, vielleicht gäbe es dort angaben zu machen?

Tausend Dank für jegliche Hilfe, ich komm alleine nicht mehr weiter...

Corinne

[Nixwisser]

Meine Webseite ist online. Es geht darum, dass wenn man zb. über das Wort Trautes Heim/Cosy Home fährt, sich die Abbildung unten rosa verfärben sollte, die nun aber verschoben erscheint.

Mit Verlaub und entschuldige, dass ich Dir das so vor den Latz knalle, aber Du bist ein Paradebeispiel für (Papier-) Designer, die keinen Schimmer von den Grundlagen des Webdesigns haben.

Deine (übrigens nett anzusehende) Seite besteht ausschließlich aus aufeinanderfolgenden Textzeilen, ein leichteres Spiel könntest Du mit HTML und CSS gar nicht haben. Aber anstatt die Browser einfach ihre Arbeit machen zu lassen, quetscht Du diese Zeilen in ein Tabellenlayout mit festzementierten Maßen, in der Hoffnung, einen Bildschirm so benutzen zu können, wie Du es mit Papier gewohnt bist.

Die Bildschirmausgabe stellt andere Anforderungen als das Papier, sie muss auf unterschiedliche Browser auf unterschiedlichen Monitoren mit unterschiedlichen Sehgewohnheiten reagieren können. Wenn Du Deine bisherige Arbeitsweise fortsetzen möchtest, solltest Du zu PDF greifen. HTML & CSS sind von Grund auf für Dokumente entwickelt worden, die vom Ausgabemedium unabhängig sind; vom Papier kommend bedeutet das Einschränkungen, aber gleichzeitig auch eine ganz neue Palette an Möglichkeiten. Denen solltest Du Dich nicht verschließen.

Gibt es eine Möglichkeit im CSS etwas zu ändern? Bis jetzt habe ich nur Size und Line height bestimmt, alles andere ist auf unchanged, vielleicht gäbe es dort angaben zu machen?

Du hast Dich vollkommen verrannt. Schmeiß Dein Go-Dings weg, nimm einen Texteditor und schreibe erstmal sämtlichen Text, den Du da hast, in ein ordentliches HTML-Grundgerüst: Die sieben Absätze in <p>-Blöcke, Umbrüche mit einem (!) <br>, Überschriften abgestuft in <h1> bis <h6>, Bilder und Textbilder wie gehabt per <img>. http://validator.w3.org sollte Dir trotz bisweilen kryptischer Meldungen bei diesem HTML-Grundlehrgang hilfreiche Dienste leisten.
Das Ergebnis dürfte in der Zeilenzahl vielleicht ein Fünftel Deines derzeitigen Codes umfassen, trotzdem alles enthalten und vor allen Dingen keine Probleme bereiten.

Anschließend fügst Du Deine Basisformatierung ein:

body { color: #000; font-family: "Courier New", Courier, Monaco, monospace; background-color: white; }

(font-size in body, noch dazu mit Pixelangabe, ist bäh.)

Bis hierhin solltest Du schon annähernd das derzeitige Aussehen erreicht haben und nur noch Feinarbeit fehlen. Wie man Bilder beim drüberfahren derselben oder eines anderen Elements austauscht, ist in http://de.selfhtml.org/javascript/beispiele/buttons.htm beschrieben.

[Corinne]

Hi Nix!

Mit Verlaub und entschuldige, dass ich Dir das so vor den Latz knalle, aber Du bist ein Paradebeispiel für (Papier-) Designer, die keinen Schimmer von den Grundlagen des Webdesigns haben.

Hm, ja dem wird wohl so sein... :-) Stimmt von Webdesign hab ich nicht viel Ahnung...
Auf jeden Fall danke ich Dir schon mal sehr für die ausführliche und schnelle Hilfe, das ich echt super! Bin gerade alles am überarbeiten und denke, dass ich dem Problem näher komme. Ich melde mich wieder wenn's klappt oder nicht klappt, wollte nur schon mal DANKE sagen!
Grüsse aus der Schweiz
Corinne

[Corinne]

Hi Nix!
Wollte nur kurz sagen, dass das problem jetzt gelöst ist... kaum zu glauben, wollte nach 3 tagen schon fast aufgeben! Meine Seite könnte gewiss besser programmiert sein, vorerst muss ich aber erst noch bisschen Pause machen und mich von der Strapaze erholen.
Vielen Dank noch!
Corinne

Hi Nix!

Mit Verlaub und entschuldige, dass ich Dir das so vor den Latz knalle, aber Du bist ein Paradebeispiel für (Papier-) Designer, die keinen Schimmer von den Grundlagen des Webdesigns haben.

Hm, ja dem wird wohl so sein... :-) Stimmt von Webdesign hab ich nicht viel Ahnung...
Auf jeden Fall danke ich Dir schon mal sehr für die ausführliche und schnelle Hilfe, das ich echt super! Bin gerade alles am überarbeiten und denke, dass ich dem Problem näher komme. Ich melde mich wieder wenn's klappt oder nicht klappt, wollte nur schon mal DANKE sagen!
Grüsse aus der Schweiz
Corinne