Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 9 of 9

Thread: Quirky Design

  1. #1
    Senior Member bluntknife's Avatar
    Join Date
    Jan 2003
    Location
    Bucks UK
    Posts
    288
    Member #
    451
    I can't work out why my site is 'bleeding' over the edge in IE7, creating horizontal scrolling when i can't see any content that actually causes it to. Works fine in FF. I've looked at the CSS and there are no "width: 100%"s which i've had problems with before - can anyone see the cause?

    http://www.birdforum.net/

    Thanks!

    Ollie
    Hardly the sharpest thing in the drawer.
    Design | Life | Outdoors | Ryukin Radio

  2.  

  3. #2
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    It seems like it might be a padding/margin issue, but I didn't see anything that would be problematic, so I'm not sure... Worth looking into with the IE7 developer's toolbar, though -- maybe it'll tell you something new.

  4. #3
    Senior Member bluntknife's Avatar
    Join Date
    Jan 2003
    Location
    Bucks UK
    Posts
    288
    Member #
    451
    Yeah, I've got that, can't see anything though...
    Hardly the sharpest thing in the drawer.
    Design | Life | Outdoors | Ryukin Radio

  5. #4
    Senior Member bluntknife's Avatar
    Join Date
    Jan 2003
    Location
    Bucks UK
    Posts
    288
    Member #
    451
    Anyone else got any ideas? I've been through the CSS twice now and played with the ie debug toolbar but i'm stumped... looks like it might be related to the nav but that's about all i can work out.

    Ollie
    Hardly the sharpest thing in the drawer.
    Design | Life | Outdoors | Ryukin Radio

  6. #5
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    So if you display: none the navigation, the problem goes away?

  7. #6
    Senior Member bluntknife's Avatar
    Join Date
    Jan 2003
    Location
    Bucks UK
    Posts
    288
    Member #
    451
    Sorry for the delay in replying - that it does. I've narrowed it down further and it seems to be the padding attribute of '#navlinks ul' that's causing problems:

    Code:
    #navlinks ul {
     margin:0;
     padding:10px 0px 0px 0px;
     list-style:none;
    }
    If i remove it completely IE looks fine, but FF and others do weird things. Any suggestions? :ermm:
    Hardly the sharpest thing in the drawer.
    Design | Life | Outdoors | Ryukin Radio

  8. #7
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Hmm... It seems like it might be an issue related to hasLayout. Try giving it layout ([minicode]zoom: 100%;[/minicode] does the trick).

  9. #8
    Senior Member bluntknife's Avatar
    Join Date
    Jan 2003
    Location
    Bucks UK
    Posts
    288
    Member #
    451
    That did indeed fix it

    Thanks

    For those who haven't seen the problem before, do a google search for 'hasLayout' - has made me realise why I've had problems with a lot of other things before too! An interesting 'quirk' and a good read.

    Ollie
    Hardly the sharpest thing in the drawer.
    Design | Life | Outdoors | Ryukin Radio

  10. #9
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Rockin'! Weirdest thing? I helped one of my coworkers fix a hasLayout bug just yesterday, thus why it came to mind so readily


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 02:57 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com