SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast thomasfrank09's Avatar
    Join Date
    Jun 2009
    Location
    Ames, IA
    Posts
    91
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Positioning different in Firefox than in Safari and Chrome

    He everyone,

    I designed my personal site (thomasjfrank.com) and tested it on Chrome when I was building it. It looks fine in that browser, in IE, and in Safari. However, in Firefox there are some positioning issues, and the image map of social networking icons doesn't work at all. How would I fix these issues?
    I run the blog College Info Geek.

    You can find me at:
    My personal site | Facebook | Twitter | LinkedIn

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,389
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    The image map isn't working because you missed the hash from the usemap attaribute.
    Code:
    <img src="http://www.thomasjfrank.com/icons.png" alt="Social network links" usemap="#socialNetworks" style="border-style: none;" />
    I'm not sure why you used a map for that as those icons could have been in a list in normal anchors anyway

    You'll have to be more explicit with your other problems and identify exactly which elements are mis-positioned because on first look I couldn't see immediately what was different between browsers. It's difficult when looking at a page for the first time to spot if something is awry unless its blatantly obvious

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,221
    Mentioned
    457 Post(s)
    Tagged
    8 Thread(s)
    The main position issue I see in Firefox is with the #resumeProfile div. The negative top margin on the last inner div is causing problems, and is unnecessary. Instead of all that relative positioning of elements, it might be better to adjust the margins on the elements inside that box. The default margins on the p and ul are messing you around.

  4. #4
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    2,119
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I don't think you only have an issue in FF. In Opera the thumbnails for the portfolio are all over the place


Bookmarks

Posting Permissions

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