SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    May 2011
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS Alignment Issue

    Hi,

    I am working with a wordpress theme that I did a lot of customization on. The website I am working on is Badger Wrestling Club: Enhancing Wrestling in Madison, WI

    If you look at the website in Firefox, there is a slight shift in the background images of the 2 divs, but it appears to work fine in Chrome and IE. See attached screenshots.

    Screenshots: 1. Firefox (Not aligned correctly) 2. Chrome (Looks fine)

    I am using Firebug and I have put the css associated with these areas below. Does anyone know what might be causing this and how to fix it? Thanks in advance.

    Code:
    element.style {
        cursor: pointer;
    }
     
     
    #top {
        height: 171px;
        margin: auto;
        position: relative;
        width: 1000px;
    }
     
     
    * {
        margin: 0;
        padding: 0;
    }
     
    #gallerycover {
        height: 280px;
        margin: 0;
        overflow: hidden;
    }

  2. #2
    Mouse catcher silver trophy
    Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,820
    Mentioned
    110 Post(s)
    Tagged
    1 Thread(s)
    To be perfectly honest, I can't see any difference worth worrying about. Yes, it might be a pixel or two away from where you had wanted it, but does that matter? I certainly wouldn't look at either version and think "Oh dear, that looks like it's gone wrong" ...

  3. #3
    SitePoint Member
    Join Date
    May 2011
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The person I am setting up the website for wants it fixed though, so if you have any ideas on how to fix it, I would appreciate it. It only seems to be about a pixel or 2 shift but I can't figure it out.


Tags for this Thread

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
  •