Style CSS we wiadomości e-mail. Opcje

[kacpero1094]

Napisałem skrypt, który pobiera szablon wstawia do niego odpowiednie wartości i wysyła e-mailem. Szablon to zwykły HTML. Zawsze wysyłanie wiadomości tego typu nie było problemem, bo był ustawiony odpowiedni nagłówek Content-type.
Teraz, kiedy zacząłem stosować style w sekcji head, wyświetla się kod HTML, ale źle sformatowany. Nie jest uwzględniony żaden ze stylów.
Oto kod umieszczony w sekcji HEAD:

[HTML] pobierz, plaintext 
<style type="text/css">
		body {
			background: #fff;
			font-family: "Tahoma", verdana, sans-serif;
		}
		#main {
			width: 900px;
			margin: 10px auto;
		}
		#main #header {
			background: transparent url('http://{!server.SERVER_NAME}/mail-templates/images/header_background.png') no-repeat;
		}
		#main #header img.logo {
			float: left;
			border: 0;
		}
		#main #header h1 {
			float: left;
			margin: 16px 15px;
			font-size: 14pt;
			color: #000;
		}
		#main #content {
			background: transparent;
		}
		#main #content hr {
			background: #ebebeb;
			width: 70%;
			margin: 5px 0;
		}
	</style>
[HTML] pobierz, plaintext 

Ktoś umie coś poradzić?
P.S. Mój skrypt zamienia ciąg {!server.SERVER_NAME} na wartość zmiennej $_SERVER['SERVER_NAME']/

Ten post edytował kacpero1094 8.08.2010, 09:29:12

[thek]

W mailach można stosować jedynie style w wersji inline, a i tak nie wszystko jest prawidłowo interpretowane. Inaczej ta sama wiadomość może wyglądać w Outlooku, inaczej w Bat!, a jeszcze inaczej w Thunderbirdzie. To prawie jak z przeglądarkami.Musisz wiedzieć co i jak w jakiej się wyświetla. Ogólnie rzecz biorąc nie ma jednolitego standardu, a pisanie naprawdę dużej ilości kodu inline tym bardziej irytuje przy stylowaniu maila.

[kacpero1094]

dzięki. ale załamałeś mnie (IMG:style_emoticons/default/sad.gif)

A obrazki pobiera na tło z serwerów?

[thek]

Powiem to tak... jeśli stosować się będziesz do pisania stron tak jak w roku 2000 to powinno być w miarę ok. Zapomnij o jako takich standardach. W mailach z racji takiego podejścia najbezpieczniej robić maile na tabelkach między innymi. Wiele jest takich zasad, które ewidentnie łamią W3C. Nikt stylować nie lubi maili bo to niewdzięczna praca.

Obrazki z serwera może pobierać, ale o jakimś większym stylowaniu związanym z obrazkami zapomnij. Nie użyjesz z-index, z przezroczystościami też nie ma się co bawić. Z tłami bywa różnie img jest jednak pewniejsze.