SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Addict
    Join Date
    May 2002
    Location
    Louisville, KY
    Posts
    238
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE6 making background image flow over fixed width??

    Anyone have any ideas on this? Looks good in IE7, FF, etc. But no IE6. Look to the right of the div... the background image is going beyond 810px.

    Any ideas?

  2. #2
    SitePoint Addict
    Join Date
    May 2002
    Location
    Louisville, KY
    Posts
    238
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Oops.. forgot to put the URL: http://new.redtreedesign.com/

  3. #3
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,108
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    Hi,

    I wouldn't be using any inline images in your markup, and it doesn't look right in anything BUT IE6!
    I would have the whole thing as background image with the nav absolutely positioned top right, and the main content area with the correct paddings to push it into the 'content area'

  4. #4
    SitePoint Addict
    Join Date
    May 2002
    Location
    Louisville, KY
    Posts
    238
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I messed around with it a little... but still can't seem to get rid of that IE6 issue on the right.

    http://new.redtreedesign.com/

    Any ideas?

  5. #5
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,108
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    It's the padding on the footer that is pushing it over.
    hmm..

  6. #6
    SitePoint Member
    Join Date
    Nov 2006
    Location
    Bangkok
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think it comes from padding-right:25px;

    Because you've put the image "bottom.jpg" that's its width =810 and it'll plus with padding-right 25px so the total width is 810+25=835px

    Let try to make "bottom.jpg" outside div#footer

  7. #7
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,108
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    I wouldn't be using any inline images in your markup
    It's the padding on the footer that is pushing it over.


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
  •