Ik ben momenteel bezig om een e-mail te maken voor in een programma die HTML mails uitstuurt.

Onderstaande de structuur waar de fout in zit:

PHP Code:

<div style="font-family: verdana; float: left; margin-left: 20px; width: 600px;">
   <div style="font-size: 13px; font-weight: bold; height: 354px; padding-top: 5px;">
    <!-- Onderstaande tekst is de 'Titel' van de e-mail -->
    <a href="http://topdesk.arbounie.local/tas/public/index.jsp?jspurl=/tas/public/incidentpublic&amp;action=lookup&amp;lookup=naam&amp;lookupValue=[Incidentnummer]">
     [Incidentnummer]
    </a>
    <!-- Bovenstaande tekst is de 'Titel' van de e-mail -->
 
   </div>
 
 <div style="background-color: #666666; height: 1px;"></div>
 
   <div style="color: #666666; font-size: 10px; height: 45px; padding-top: 5px;">
    <!-- Onderstaande tekst is de 'Copyright' van de e-mail -->
    <i>Arbo</i> Unie - IT Servicedesk<br>
    SelfServiceDesk: -<br>
    <!-- Bovenstaande tekst is de 'Copyright' van de e-mail -->
 
   </div>
  </div> 


In het midden staat de volgende code: <div style="background-color: #666666; height: 1px;"></div>

Als ik de HTML pagina open dan maakt hij hem niet 1px hoog maar 10px hoog, kan iemand mij helpen om dit op te lossen?

Alvast bedankt!

In Firefox zie ik geen 10px hoge div.

Maak je e-mail template maar gewoon in tabellen, html rendering in e-mail clients gaat soms jaren terug in de tijd. Vergeet gewoon de fancy div's en css in e-mails maar gerust

Zo snel wat ik kan zien, gebruik je met de eerstvolgende div ook een padding-top :5px; wat totaal al op 6px hoogte komt. Of msischien even alles float:left; o.id?

DIV's werken niet in e-mail, moet gewoon oude html zijn met tabellen

Origineel gepost door J. Haan

DIV's werken niet in e-mail, moet gewoon oude html zijn met tabellen

Precies wat ik ook al aangaf , volgende link is ook goede informatie http://www.campaignmonitor.com/css/

Inderdaad, als het bedoeld is voor HTML e-mail dan ben je beter af zonder CSS.

Je hoef niet van css af maar je kan alleen maar inline styles gebruiken en nog geen eens alles.
Daarbij moet je inderdaad met tabellen werken want div's worden niet door alles ondersteund in mail.

Maar om jou probleem op te lossen van 1px en je ziet 10px.
Alle browsers tonen het waarschijnlijk goed behalve ie6 waar jij achter zit. Geef aan de elementje wat 1px hoog moet zijn "overflow:hidden" toe en je zult zien dat die nu overal 1px hoog is.

Origineel gepost door Leon Zoutewelle

Je hoef niet van css af maar je kan alleen maar inline styles gebruiken en nog geen eens alles.
Daarbij moet je inderdaad met tabellen werken want div's worden niet door alles ondersteund in mail.

Maar om jou probleem op te lossen van 1px en je ziet 10px.
Alle browsers tonen het waarschijnlijk goed behalve ie6 waar jij achter zit. Geef aan de elementje wat 1px hoog moet zijn "overflow:hidden" toe en je zult zien dat die nu overal 1px hoog is.

Toch jammer dat het IE8 is! (:

Maar zoals ik al in de reacties lees bouw ik hem even opnieuw op in HTML! Bedankt!

@Raymond Helemaal eens. Heb het ook dagen lang geprobeerd, maar het makkelijkste is om gewoon html te gebruiken en daar je best op doen. Wordt mooier en je weet zeker dat iedereen die html-email kan ontvangen, zo goed als het zelfde te zien krijgt.

Origineel gepost door Raymond Nijland

Maak je e-mail template maar gewoon in tabellen, html rendering in e-mail clients gaat soms jaren terug in de tijd. Vergeet gewoon de fancy div's en css in e-mails maar gerust

@Danny,

Jammer zat ik er toch naast maar is een veel voorkomend probleem in IE6. Maar succes met de tabellen want als ik ergens een hekel aan heb zijn het wel html templates