SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    Non-Member
    Join Date
    Mar 2006
    Location
    San Antonio, Texas
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Can someone help me out with this alignment problem?

    Hi,
    In IE7 (not sure about other versions), the flash header on the homepage is off centered a little bit:
    http://www.smithcollaboration.com/

    In FireFox, it is fine. I can't seem to figure this one out! Anyone got any idea?

    Thanks!

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,329
    Mentioned
    463 Post(s)
    Tagged
    8 Thread(s)
    I would suggest using left padding rather than left:

    Code:
    .bannerflash {
    display:block;
    float:left;
    padding-left:9px;
    position:relative;
    width:647px;
    }
    Worth a try, anyhow.

  3. #3
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,759
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Take a look on how to center floats.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  4. #4
    Non-Member
    Join Date
    Mar 2006
    Location
    San Antonio, Texas
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello I just tried both suggestions, none work! Any other ideas?

  5. #5
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,759
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Add these two lines of code in
    Code:
    #banner{padding-left:9px;}
    *+html #banner{padding-left:16px;}/*IE7*/
    Delete hte padding on the objects (flashbanner)

    Also if IE6 is exhibiting hte exact behavior as IE7 just add in this line of code
    Code:
    * html #banner{padding-left:16px;}/*IE6 and down*/
    Alternately you could move the IE6/7 lines of code to a conditional comment
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  6. #6
    Non-Member
    Join Date
    Mar 2006
    Location
    San Antonio, Texas
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Okay, I did what you said and now it pushes the images to the right in IE. In FF, same thing, yet the homepage animation is off by 1 pixel.

  7. #7
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,759
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Try changing the padding of the #banner to 16px (remove the IE7 statement)

    I didn't notice any differences in background images or anything else once I changed that.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com


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
  •