Avatar billede hav0k Nybegynder
12. juni 2009 - 16:26 Der er 7 kommentarer

CSS problemer med Gmail (background-position)

Hej! Jeg har et problem med en html e-mail når jeg sender den til gmail.

Jeg har et baggrundsbillede til en tabel som skal være centreret.

Mit eksempel er således:

<td align="center" background="billede.jpg" style="background-repeat:no-repeat; background-position:center;">bla bla</td>

Men når jeg sender e-mailen, er baggrunden til venstre og ikke i midten.
Jeg har læst mig til, at Gmail ikke understøtter background-position (http://www.email-standards.org/clients/gmail/) - men kan det virkelig passe? Er der ikke en anden løsning?
Avatar billede Slettet bruger
12. juni 2009 - 21:59 #1
Hmm... Nu er jeg ikke inde i html e-mails, men måske kan man lægge baggrundsbilledet i en reletivt placeret, centreret div med samme brede som baggrundsbilledet og med et lavere z-index end td'en?

Altså, læg baggrunden i en div bag ved td'en.
Avatar billede -zonic- Nybegynder
13. juni 2009 - 12:38 #2
grunden til at det sker er, at GMAIL ikke er glad for css positionering.. dvs. alt skal skæres ud i pap for at kunne lave det..

min erfaring siger mig at man skal bruge tables og kun højde og bredde i dem og for så vidt undgå mest muligt css positionering.. så tit vil man lave mange td'er som blot er tomme men opstår som fyld i stedet for at bruge margin og padding, osv.. tables med højde og bredde kan alle html email klienter forstå!

Når jeg laver html emails undgår jeg så vidt muligt css, og de steder hvor jeg bruger det, bruger jeg det både direkte i elementerne, men også i en ekstern css fil, da nogle klienter ekskluderer css direkte i elementer og andre gør i vedlagte css filer...

håber det giver mening :-)
Avatar billede -zonic- Nybegynder
28. august 2009 - 15:14 #3
nå.. jeg har selv løst det...

in-line css, css som eks. fil og sidst style="" på alle elementer... så er man sikret!
Avatar billede -zonic- Nybegynder
28. august 2009 - 15:15 #4
hov.. den øverste linie skulle ikke have været der ;-)
Avatar billede olebole Juniormester
29. august 2009 - 11:53 #5
<ole>

Måske, det kunne hænge sammen med, at du i virkeligheden slet ikke sætter et baggrundsbillede på cellen i koden i spørgsmålet. Attributten background er ikke en valid attribut på et td-element - og så kan alt jo ske  =)

/mvh
</bole>
Avatar billede -zonic- Nybegynder
07. september 2011 - 14:15 #6
lukker
Avatar billede -zonic- Nybegynder
07. september 2011 - 14:16 #7
lukker du? *
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester