SitePoint Sponsor

User Tag List

Results 1 to 9 of 9
  1. #1
    SitePoint Zealot ComputerBob's Avatar
    Join Date
    Jul 2003
    Location
    USA
    Posts
    197
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help! Left column navbuttons that extend below footer FLICKER

    This is a really weird, really annoying problem.

    http://www.computerbob.com/my2col.html
    (There's a link on that page to its CSS file)

    If you point at the navbuttons on the left column, the navbuttons that display lower on the screen than the footer, flicker as you move your mouse over them.

    In fact, if you move your mouse left and right in the button area to the next to each button's text, it appears that every other pixel causes the navbutton to "go out," while every other pixel in between causes it to "light up."

    I'm using MSIE 6.0. Is this a bug in the browser, or can I do something to my CSS to fix this problem. I've tried many combinations of clear and height, but I just can't get this problem to go away.
    ComputerBob - Making Geek-Speak Chic™
    http://www.computerbob.com
    - XHTML 1.0 Strict + CSS Layout
    Ratings | Forums | Software | Polls | Weird | Quotes | Weather
    Guest Articles | Free Greeting Cards | CB Awards | Search

  2. #2
    SitePoint Evangelist ucahg's Avatar
    Join Date
    Apr 2001
    Location
    Sarnia, Ontario, Canada
    Posts
    434
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Mozilla Firebird 0.6.1

    The navbar goes below the footer regardless of whether the links are hovered over or not.
    Love it? Hate it? Helpful? Useless?
    Use the rate button to let me know what you think of my post!

  3. #3
    SitePoint Zealot ComputerBob's Avatar
    Join Date
    Jul 2003
    Location
    USA
    Posts
    197
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I know that.

    I'm trying to figure out why the navbuttons that display lower than the footer

    ** flick ** er ** flick ** er ** flick ** er **

    instead of being either "on" or "off."
    ComputerBob - Making Geek-Speak Chic™
    http://www.computerbob.com
    - XHTML 1.0 Strict + CSS Layout
    Ratings | Forums | Software | Polls | Weird | Quotes | Weather
    Guest Articles | Free Greeting Cards | CB Awards | Search

  4. #4
    SitePoint Zealot Tygger2512's Avatar
    Join Date
    Jul 2003
    Location
    Pittsburg, KS
    Posts
    191
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Bob,

    See what you mean in IE6 - problem doesn't occur in Mozilla Firebird 0.6.1. I'll take a look at your code and see if there is anything obvious that jumps out at me.

    Andy.
    Learn the Emotional Freedom Technique at www.as-if-by-magic.com

  5. #5
    SitePoint Zealot Tygger2512's Avatar
    Join Date
    Jul 2003
    Location
    Pittsburg, KS
    Posts
    191
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Bob,

    If you replace:
    Code:
    	/* float: left; */
    	position: absolute;
    	left: 0;
    in #nav with
    Code:
    	float: left;
    the flicker goes away in IE6, and it displays fine in both IE6 and Mozilla Firebird 0.6.1.

    Andy.
    Learn the Emotional Freedom Technique at www.as-if-by-magic.com

  6. #6
    SitePoint Zealot ComputerBob's Avatar
    Join Date
    Jul 2003
    Location
    USA
    Posts
    197
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You're RIGHT, Andy!

    Thanks a million for figuring that out! You were a huge help! That problem had me completely stumped! In fact, changing the nav column from "absolute" to "float" was about the only thing I HADN'T tried!

    I remember that I originally used absolute instead of float for the nav column because Zeldman's recommended that technique in "Designing With Web Standards." Now I'm going to have to go back into that book and figure out why he recommended that. Hopefully, his recommendation was based on an issue that won't affect my page.

    Thanks again for being such a big help!

    It sure is weird that MSIE 6 would cause the lowest buttons to flicker when they're in an absolutely positioned column. Maybe that needs to be filed under the heading "More CSS fun for us all."
    Last edited by ComputerBob; Sep 27, 2003 at 11:27.
    ComputerBob - Making Geek-Speak Chic™
    http://www.computerbob.com
    - XHTML 1.0 Strict + CSS Layout
    Ratings | Forums | Software | Polls | Weird | Quotes | Weather
    Guest Articles | Free Greeting Cards | CB Awards | Search

  7. #7
    SitePoint Zealot Tygger2512's Avatar
    Join Date
    Jul 2003
    Location
    Pittsburg, KS
    Posts
    191
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You're very welcome Bob. Perhaps it should be filed under the heading "More CSS fun with Internet Explorer" -

    Andy.
    Learn the Emotional Freedom Technique at www.as-if-by-magic.com

  8. #8
    SitePoint Zealot ComputerBob's Avatar
    Join Date
    Jul 2003
    Location
    USA
    Posts
    197
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)


    It's painfully clear to me exactly why Zelman, Meyers and others fight so hard for the creation and use of Web standards by both Web developers and browser publishers!!!
    ComputerBob - Making Geek-Speak Chic™
    http://www.computerbob.com
    - XHTML 1.0 Strict + CSS Layout
    Ratings | Forums | Software | Polls | Weird | Quotes | Weather
    Guest Articles | Free Greeting Cards | CB Awards | Search

  9. #9
    SitePoint Zealot Tygger2512's Avatar
    Join Date
    Jul 2003
    Location
    Pittsburg, KS
    Posts
    191
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You and me both, Bob.

    I've redesigned my site 5 times in the last 3 months, in search of a design that would work on Macs & PCs, with all flavors of browser. I think the design I have now does that, but I'm sure someone will prove me wrong before too long.

    Andy.
    Learn the Emotional Freedom Technique at www.as-if-by-magic.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
  •