HTML email signatures display issues

Question

This is the first html email signature I''ve created and I've now discovered why I dont do them - what a pain!

It seems no matter what I do, it's not displaying correctly in one client or another.

The code I used below is displaying correctly in Android and Mac Outlook clients, however when I first upload it to outlook there is a table wrap error that I corrected by changing the table in outlook to nowrap. But now when this email signature is sent from outlook, it breaks when you look at it on ios.

I know my code probably isnt very good as it's my first time doing these. Could anybody please give me a hand to fix it??

Help me StackOverflow, you're my only hope!

Here is my code:







  
    

          
        
    
    
        

     
            Ben Tindall
            

            

            Managing Director + Licensee            
            
        

        
          
          
            179 Darby Street Cooks Hill
            


       
            NSW 2300
            
        

                
            Call the office.   
            Call Me.   
                Email me.
            
 
       
          
    
            
            
           
             

            villagerproperty.com.au
            
      


      

      
          
             

                
            
     
             

          
                 
            
         
             


                
            
        
             

  
                    
                 
        

    
 

        


              
            
 

        

    
   


    
              
          This email message is for the exclusive use of the intended recipient(s) and may contain confidential, privileged and non-disclosable information. Any unauthorized review, use, disclosure or distribution is prohibited. If you are not the intended recipient, please contact the sender by reply email immediately and destroy any and all copies of the message.
        

      
          
          Please consider the environment before printing this email.

Thankyou @Nathan for all of your help! Your fix worked great, however when viewing on iOswrapping error

Is this because I have the table width set at a % instead of a fixed px?

I aplogise for all the questions - I'm very new to html signatures and I seem to be having a lot of trouble!

Nathan · Accepted Answer

A couple of helpful's for future:

Run your HTML through a w3c HTML validation check (and CSS, but that's less useful). There were quite a few tiny but significant errors: not closing in the right place (it's inline, so close it before a block element like

or ), or not closing stuff, or forgetting quotes.

If you use https://validator.w3.org/#validate_by_input ignore all the obsolete messages (message filtering button can turn them off) - email is too old school for it!

And seriously, that was all, apart from removing a couple of redundant/empty td's/tables.

There is a possibility Outlook from Windows was messing with your code, it does that. But Outlook from Mac should be no problem.

Here is working code:






  
     
        


            Ben Tindall
            

            

            Managing Director + Licensee            
            
        

        


            179 Darby Street Cooks Hill
            



            NSW 2300
        

                
          Call the office.   
          Call Me.   
                Email me.
        
                 




             

            villagerproperty.com.au
            
      

      

             

                


             


                 


             


                


             


                    
                 
        

    
 

        
             
        

    



    
              
          This email message is for the exclusive use of the intended recipient(s) and may contain confidential, privileged and non-disclosable information. Any unauthorized review, use, disclosure or distribution is prohibited. If you are not the intended recipient, please contact the sender by reply email immediately and destroy any and all copies of the message.
        

      

          Please consider the environment before printing this email.

HTML email signatures display issues

Answers (1)

Related Questions