Problem mit HTML: Newsletter

danny87

Aktives Mitglied
Thread Starter
Dabei seit
29.06.2005
Beiträge
1.053
Reaktionspunkte
64
Servus,

ich bin gerade dabei ein Newsletter zu erstellen:

http://www.rememberthedays.de/newsletter/10_2007/

Was mich aber stört ist, das unten da wo das "Layout aufhört", die Seite trotzdem noch weiter geht, obwohl alle Tags schon geschlossen sind und nix weiter im Quelltext steht.

Hat jemand eine Idee wie man das weg bekommt?

MfG
Danny
 
no, top hast du auf -8 gestellt und am bottom nix ... so hast du halt unten den normalen bodyabstand +8 :D
 
Nee, die war vorher auch schon da ;)

Und die 8 Pixel sind bei 1130 auch kaum zu erkennen ;) Und Unten ist ja immerhin eine größere Lücke.

Edit: Mit dem Top:-8px hab ich die Lücke oben geschlossen. aber unten?
 
Wozu eigentlich die Tabelle drumherum? Das geht auch mit einem Wrapper-Div.

Zudem würde ich das Titelbild nicht als Hintergrundbild einsetzen, da es beim Verkleinern des Fensters rechts aus der Tabelle verschwindet.

Dass du eine Lücke oben mit negativem Top schliesst, finde ich merkwürdig. Das muss mit dieser Tabelle zusammenhängen. Ersetze die doch durch ein Div und positioniere dies mit top: 0.

Ich kriege kein Zugriff aufs Stylesheet.
 
Ok, werd ich alles mal machen. Hab gestern erst mit HTML und CSS angefangen, von daher kenn ich noch nicht alle Möglichkeiten. Habt nachsehen.

Im CSS stehen bisher nur die Position für die Texte drin.
 
Zuletzt bearbeitet:
So, noch mal neu:

http://www.rememberthedays.de/newsletter/10_2007/

Diesmal ohne externe CSS-Datei und der Hintergrund ist diesmal nur ein Bild anstatt aus 3 Bildern zusammengesetzt.

Im Moment ist da eine Tabelle drin um den Text ein Layout zu verpassen, auch wenn das anders geht.

Unter FF am Mac, sieht es richtig aus.
Unter Safari am Mac, verschiebt das "margin" den ganzen Body und nicht nur die Tabelle.
Unter IE bei XP, stimmen die Spalten nicht, aber die Tabelle sitzt da wo sie sein soll.
Unter FF bei XP stimmen die Spalten, aber die Tabelle sitzt nicht da wo sie sein soll.

Ist das erstellen vom Webseiten immer so eine heiden Chaos? Und ich bin mir ziemlich sicher, das ich da nicht allzuviel drin habe was falsch interpretiert werden kann.
 
So, jetzt läuft es am Mac komplett. Unter Safari und unter Firefox sieht es nun bis auf eine winzige Kleinigkeit gleich aus.


Firefox (Mac)


Safari (Mac)


Der FF unter XP hat die selbe Kleinigkeit wie der Safari nur ein bisschen mehr, so das man es deutlich sieht.


Firefox (WinXP)

Der IE setzt dieses mal die tabelle nicht richtig, und die Überscjriften sind nicht Linksbündig.


Internet Explorer 6 (WinXP)

Probiere die Webseiten jetzt nochnal richtig am PC (bisher nur Virtualisiert: MacBook & Paralells Desktop WinXP SP2 + Patches Up2Date)
 
Validation: 82 Errors wurden mir eben angezeigt. Du solltest dort erst einmal ansetzten!
 
Oh, ok :D

Ich hatte das zubeginn mal gemacht, aber da het er immer abgebrochen wegen der Codierung. Und hab seit dem nicht mehr probiert.
 
Die meisten von den Errors versteh ich gar nicht. Er meckert, das viele der Tags nicht geschlossen sind, was eigentlich gar nicht sein kann.

Au0erdem hat er mit bei einem Bild angemeckert, das der Alt Tag (alt="Bild SoundSo") fehlen wurde bzw. vermiss wird.
Hab ihn dann hingeschrieben, hab ihn nochmal durchschauen lassen und nun mekcert er meinen Alt-Tag an das dieser für die Funktion nicht verfügbar ist? Was denn nun?

<a href="link"><img src="Bild.jpg" alt="Bild"></a>
 
Ok, jetzt ist die Seite Valid.

Die Fehler unter IE und FF(Win) sind trotzdem die selben.

Und Safari richtet die Tabelle wieder falsch aus.

Ohjee, hätte nicht gedacht, dass das alles soo kompliziert ist :(
 
dein css ist noch nicht valide ;)
 
Und woran merkt man das?

Edit: Schon gefunden.

Edit2: Jetzt ist es validiert.

Edit3: Überall wieder die selben Probleme. Außer FF (Mac) hat alles eine kleine oder größere Macke.
 
Zuletzt bearbeitet:
Sorry, aber die Validation ist genauso wie dieser unsägliche W3C-Button für die Tonne. Dein Markup besteht aus allen möglichen Tags, die aber leider überhaupt nicht semantisch korrekt eingesetzt sind.

Tabellen für's Layout, Überschriften und Text gibt es laut Markup gar nicht...

So wird das ziemlich schwer, Layoutabweichungen zu finden und zu eliminieren.

2nd
 
Sorry, aber die Validation ist genauso wie dieser unsägliche W3C-Button für die Tonne. Dein Markup besteht aus allen möglichen Tags, die aber leider überhaupt nicht semantisch korrekt eingesetzt sind.

Tabellen für's Layout, Überschriften und Text gibt es laut Markup gar nicht...

So wird das ziemlich schwer, Layoutabweichungen zu finden und zu eliminieren.

2nd

Bullshit! Um das mal ganz deutlich zu sagen! :Oldno:
Natürlich ist die validierung enorm wichtig!
Na wenn bei ihm das Markup schon falsch ist, erklärt das einiges! :D
 
Wenn die Mail auch auf dem PC in Outlook (vor allem 2007) ordentlich ankommen soll, verabschiede dich von DIV und CSS. Alles per Tabelle und schön zu Fuß mit font-tags :)
 
  • Gefällt mir
Reaktionen: mores
ihr denkt aber schon alle dran, dass es sich um einen NEWSLETTER handelt.
und dass die meisten mailprogramme noch nicht auf dem stand der browser sind ?
da verwendet man tabellen zum positionieren, und schreibt alle tags IN den body rein, da vor allem web-browser à la gmail, yahoo und hotmail alles ausserhalb des <body></body> bereichs ignoriert. inkl. stylesheets und body-formats!

an den themenstarter: verrätst du mir womit du den newsletter schicken willst?
 
Bullshit! Um das mal ganz deutlich zu sagen! :Oldno:

Hammer, Du hast mein Posting nicht ganz verstanden. Ich habe nicht gesagt, dass Validierung generell Unsinn ist, sondern mich auf die Validierung dieser Seite bezogen (und auf den W3C Aufkleber darunter).

Eine Validierung ist wertlos ohne semantisches XHTML. Ich kann mir 53 grüne W3C compliant Buttons auf eine Webseite pappen, wenn ich konsequent alle sinnvollen Tags ignoriere oute ich mich trotzdem als Dilletant und die Seite ist nicht technisch besser als eine fehlerbehaftete. Im Übrigen wundert es mich, dass Du mein Posting so bewertest, ich schreibe ja hier nicht nur alle Jahre mal einen Beitrag über Webstandards, Semantik und Validität :kopfkratz:

Validierung und Semantik = standardkonformes Webdesign.

@VMPR & mores: Seid Ihr sicher, dass ein Newsletter im ursprünglichen Sinne gemeint ist? Hier sind Screenies von 4 Browsern gepostet wurden. Wenn es um einen typischen NL geht, wären es eher Eudora und Outlook-Screens oder?

Ich denke eher, dass es um eine Webseite geht, die aus Unkenntnis als "Newsletter" benannt wird. Aber ich lasse mich gerne eines besseren belehren :)

EDIT:

*suchsuch...wühl....hmpfff...ah, gefunden*

Hier gab es mal einen interessanten Artikel über die CSS-Untersützung in E-Mail Klienten: http://www.campaignmonitor.com/blog/archives/2007/04/a_guide_to_css_support_in_emai_2.html

2nd
 
Zuletzt bearbeitet:
  • Gefällt mir
Reaktionen: ThaHammer und mores
*suchsuch...wühl....hmpfff...ah, gefunden*

Hier gab es mal einen interessanten Artikel über die CSS-Untersützung in E-Mail Klienten: http://www.campaignmonitor.com/blog/archives/2007/04/a_guide_to_css_support_in_emai_2.html
post_thanks_de.gif
 
Zurück
Oben Unten