Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    New to the CF scene
    Join Date
    Apr 2013
    Thanked 0 Times in 0 Posts

    Cool HTML Div Problems (Divs move on window resize)

    Hello to all the coding dude's and dudette's out there,

    Right I'm stuck and will get on straight to it.

    On an HTML email, I have a group of social media icons at the bottom of the page which move left to right & bottom to top whenever I resize the window (when editing) and when I send the email it also happens when I resize the window?
    [Notes: the social media icons are Divs)
    Do any of you guys know what I could do to prevent this from happening?
    I am sure I have tried everything, googled everything and I can't seem to find a thing,
    I would really appreciate it if any of you out there could help me, I have been working and finding a solution for this for months and I am still left with nothing. I am pretty sure there is a small amount of coding needed but I am unsure what to write as.

    Here is the code (the only code needed for the Divs at the bottom of the email) (followed by the link to the HTML Email):


    <td width="100">&nbsp;</td>
    <td width="740" class="bottom-bg"><div align="center"><A HREF="mailto:info@unionsurfera.com"><img src="bottom.jpg" width="740" height="129" alt="" style="display:block;"></div></td>

    <div id="foursquare" style="right: 60px; top: 615px; position:fixed"> <a href="http://www.foursquare.com/unionsurfera"> <img src="http://i1023.photobucket.com/albums/af352/epicNightProductions/Social%20Media%20Icons/32px/foursquare.png"> </div>
    <div id="Instagram" style="right: 95px; top: 615px; position:fixed"> <a href="http://www.instagram.com/unionsurfera"> <img src="http://i198.photobucket.com/albums/aa24/rusyaid/instagram.png"> </div>
    <div id="Facebook" style="right: 130px; top: 615px; position:fixed"> <a href="http://www.facebook.com/unionsurferasevilla"> <img src="http://i892.photobucket.com/albums/ac123/beautifymyblog/60c7a4c1.png"> </div>
    <div id="Twitter" style="right: 165px; top: 615px; position:fixed"> <a href="http://www.twitter.com/unionsurfera"> <img src="http://i892.photobucket.com/albums/ac123/beautifymyblog/dec2667a.png"> </div>
    <div id="Pinterest" style="right: 200px; top: 615px; position:fixed"> <a href="http://www.pinterest.com/unionsurfera"> <img src="http://i289.photobucket.com/albums/ll208/lyndsayjohnson/pinterestred_zpsa8356aa2.png"> </div>
    <div id="YouTube" style="right: 236px; top: 615px; position:fixed"> <a href="http://www.youtube.com/unionsurfera"> <img src="http://i892.photobucket.com/albums/ac123/beautifymyblog/392d48ca.png"></div>


    NOTE: " I have just uploaded the screenshot of the problem and where the DIVs are moving on window resize, you'll know what I'm talking about when you see the image, thanks again"
    Attached Thumbnails Attached Thumbnails -screen-shot-2013-04-29-19-56-16-jpg  


Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts