WordPress.org

Ready to get started?Download WordPress

Forums

sidebar links work in FF but not in IE (48 posts)

  1. ladydelaluna
    Member
    Posted 7 years ago #

    This is probably the strangest thing I've seen thus far.

    http://www.ladydelaluna.com

    The sidebar links - be they to other categories or pages on my site, or to outside sites, aren't clickable in IE. However in FF, they work perfectly.

    All other links on the site, the header link, comments, post titles, etc - they work perfectly normal.

    I've already tried re-creating permalinks, and nothing changed.

    I'm totally stumped on this one...

  2. ladydelaluna
    Member
    Posted 7 years ago #

    anyone care to give a shot at an answer for this one?

  3. lhk
    Member
    Posted 7 years ago #

    Hi,

    no way to even guess what exactly - but it is happening during the first load. I managed to click one of the links BEFORE the page had completely loaded (the CSS), once all graphics were loaded - nothing.

    Could it be, that you are using transparent graphics and that these transparent graphics are positioned in the top layer (instead of the links)?

  4. ladydelaluna
    Member
    Posted 7 years ago #

    I'm not sure I understand what you mean... the graphics are solid jpg's - and are placed as backgrounds inside the box classes... does that answer the question? LOL

    It boggles the mind the things that IE can fudge up... I've never seen this before. :(

  5. lhk
    Member
    Posted 7 years ago #

    Hi ladydelaluna,

    well, it definitely happens while the CSS is loading, without it, the links are clickable.

  6. ladydelaluna
    Member
    Posted 7 years ago #

    now to only find out where in the css this happens... because in firefox, the links are clickable WITH the css. :(

  7. lhk
    Member
    Posted 7 years ago #

    Have you checked IE Mac, Konqueror, Safari, Mozilla... ... yet?

    *vbeg*

  8. ladydelaluna
    Member
    Posted 7 years ago #

    LOL no - I have a PC with Firefox and IE on it. No clue how it's working in other systems/browsers. Why, did you find something even more evil?

    (Not that big of a deal anyway, as I think I've had 2 mac visitors in the last 9 years... but it'd be nice to know.)

  9. lhk
    Member
    Posted 7 years ago #

    Hi,

    try http://browsershots.org when it's not too busy.

  10. ladydelaluna
    Member
    Posted 7 years ago #

    Okay... but that only makes screenshots - as far as I'm aware, screenshots aren't clickable anyway. And since I'm not all that concerned with anything but IE and FF (remember from the other thread, this site has less than 60% in IE, and the rest are FF), and I have both of those, and my clickable links problem only exists in IE (of the two) - I'm not sure how that's going to help...

  11. ladydelaluna
    Member
    Posted 7 years ago #

    alright - all the screenshots look identical, with exception to length for some reason. but there's nothing borked from what i can tell.

    i still don't see what that has to do with my link issue though... ???

  12. lhk
    Member
    Posted 7 years ago #

    Hi ladydelaluna,

    I'd try erasing the CSS content completely, and then item by item putting it back. In a live testbed/sandbox of course. You should soon notice what causes the problem.

  13. ladydelaluna
    Member
    Posted 7 years ago #

    There has to be a better way... that's almost like re-writing the CSS from scratch at this point.

    I can't believe that no one else has ever come across this... I know I haven't, but someone has to have run into this somewhere.

  14. lhk
    Member
    Posted 7 years ago #

    Hi ladydelaluna,

    have a look at this:

    "Ok,

    i've learned that the original link not working in ie problem relates to using fixed positioning and as you recommended, the only workaround is to not use fixed positioning. so i've adapted your suggested stylesheet for the site, as a result learning more about using css for positioning. fixed the centering, decided to stick with a fixed with of 740 that centers liquidly.

    here's the latest rub, regarding inherited property ordering:
    i wanted to make a subnav for some of the sections. tinkered a little with the css you had made for the nav, and was unsuccessful in working around what properties inherit and where exactly i can specify what properties. i would like the subnav to be indented -- increasing the left-padding, and not be all uppercase via the property "capitalize." in an experiment, i was able to indent the subnav, but not change the uppercase property. can you offer suggestions about that?"

    from

    http://www.dynamicdrive.com/forums/archive/index.php/t-5794.html

    and at this

    http://www.google.com/search?hl=en&q=links+not+working+in+IE+CSS&btnG=Google+Search

  15. ladydelaluna
    Member
    Posted 7 years ago #

    thanks lhk - i'll take a look at those...
    this whole thing makes no sense to me at all... :(

  16. manstraw
    Member
    Posted 7 years ago #

    I tested them in ie7 on windows, and they are clickable. There are other things wrong in ie7 though. Your header and google ad links are covered over by the leaf graphic at the top left.

  17. ladydelaluna
    Member
    Posted 7 years ago #

    wow thanks manstraw - you must be viewing in 800x600? i don't see it in 1024 in either, and in firefox, it's actually on top... too strange, will have to figure that one out.

    can't click them in IE 6 still though... i guess IE7's doing SOMETHING right... LOL

    any thoughts on what might be wrong here?

  18. spencerp
    Member
    Posted 7 years ago #

    Lara, I just checked it now, refreshed it twice using IE7 Beta3 and none of the sidebar links are "clickable", the mouse arrow just goes over them, like they were a "background image" or something. =(

    If you want, I can revert back to IE6 and take a better gander at what might be going on? Let me know ok.. ;)

    spencerp

  19. spencerp
    Member
    Posted 7 years ago #

    Just throwing this out though, just did a check on the CSS Validation quick, got this message:

    "Error
    Target: http://www.ladydelaluna.com/
    Please, validate your XML document first!

    Line 73

    Column 28

    The entity name must immediately follow the '&' in the entity reference."

    Which you probably already new, but..I'm not even sure that would be the possible "cause" or not though.. =/

    spencerp

    I'll try looking through your CSS file though anyways, see what I can find..or not =P

  20. spencerp
    Member
    Posted 7 years ago #

    Just now checked your source for the page and you have this, just for an example:

    <div class="box2">
    <ul><li class="page_item"><a href="http://www.ladydelaluna.com/2006-to-do-list/" title="2006 To-Do List">2006 To-Do List</a></li>

    You have the UL and LI class set for links in the CSS file, not the 'page_item' s. I'm not sure if that's maybe it or not...but, never know lol..

    I hope this helps, maybe.. =P

    spencerp

  21. manstraw
    Member
    Posted 7 years ago #

    I think I tested ie7 beta 2. I've forgotten which one I have, and I'm not near that puter right now. I'll make sure when I get the chance.

    As to what's wrong, no idea at this point.

  22. ladydelaluna
    Member
    Posted 7 years ago #

    Thanks Spencer - I'm off to bed, but I'll check that tomorrow...

    Thanks for your help!

  23. ladydelaluna
    Member
    Posted 7 years ago #

    Thanks for checking for me manstraw - every little bit helps!

    G'night all - will revisit this in the morning. :)

  24. spencerp
    Member
    Posted 7 years ago #

    Thanks Spencer - I'm off to bed, but I'll check that tomorrow...

    Thanks for your help!

    No problem. =) If I remember right, working on the localhost, with a theme before, I had to specify the "page_item" as well, for the links.. but, I could be wrong..or right hehe. =) ;)

    I hope the suggestion helps either way though. =) Goodnight, I'm sure you need the rest after mentally battling with this issue sigh. ;)

    spencerp

  25. spencerp
    Member
    Posted 7 years ago #

    To update on this, just to follow up on what lhk has mentioned above:
    http://wordpress.org/support/topic/78301?replies=24#post-405536

    My other online "Buddy" said the same thing.

    Twisted - says:
    I disabled all CSS and the links are now working

    BigWilly says:
    yeah its fixed positioning

    BigWilly says:
    she will need to rewrite her css file

    Twisted - says:
    why would fixed positioning do it =/

    BigWilly says:
    Its a IE bug.

    BigWilly says:
    yeah read - http://www.dynamicdrive.com/forums/archive/index.php/t-5794.html

    Twisted - says:
    she should still either remove the page_item 's though right, or either style them

    BigWilly says:
    yeah

    Twisted - says:
    ok

    Twisted - says:
    ok, I'll make a reply about this all to her

    BigWilly says:
    "Ok,

    i've learned that the original link not working in ie problem relates to using fixed positioning and as you recommended, the only workaround is to not use fixed positioning. so i've adapted your suggested stylesheet for the site, as a result learning more about using css for positioning. fixed the centering, d"

    BigWilly says:
    its already been mentoined - http://wordpress.org/support/topic/78301#post-405536

    So, that pretty much should be the "problem" then, that IE bug with the "fixed positioning" and you should either remove the "page_items" class, or style them.. I hope this helps. =)

    spencerp

    This is why I LOVE messengers lol! It helps ALOT when trying to figure out problems and stuff, rather then sending 100's of email convos back n forth LOL! Messengers are quick and painless hahaha..

  26. lhk
    Member
    Posted 7 years ago #

    Hi spencerp,

    thanks for doing the footwork :-)))

    I just vaguely remembered having the same problem once during positioning a righthand column yesterday.

  27. spencerp
    Member
    Posted 7 years ago #

    Hi spencerp,

    thanks for doing the footwork :-)))

    No problem. =)

    I just vaguely remembered having the same problem once during positioning a righthand column yesterday.

    Sometimes the tiniest things are the biggest problems sigh.. =( Damn IE bugs! Damn them to hell! LoL! haha..damn, I really need a beer lol. Just kidding.. =P

    spencerp

  28. geoffe
    Member
    Posted 7 years ago #

    Try this: change the line for #sidebar from
    margin-left: 350px; to
    /* margin-left: 350px;*/ position:absolute; left: 350px;

    Then near the bottom of your template you have three consecutive </div> tags a few lines below <div class="feedback">.
    Take out one and move it to just before </body></html> -- this is so that the #content div will then contain the footer elements.

    Finally, remove this rule from #footer in style.css
    margin-left: 300px;
    and that should give you the layout you want without the quirkiness of float:left in IE. It works fine in my test of it.

  29. ladydelaluna
    Member
    Posted 7 years ago #

    Wow - thanks everyone!! I'm off to try this all and I'll report back with exactly what happened to work.

    Thank youuuu!

  30. manstraw
    Member
    Posted 7 years ago #

    just checked my ie7 version. it's 7.0.5335.5 beta 2

    I've tried about half of the sidebar links, and each one tested works.

    I'm going to update it to the latest and see what happens.

Topic Closed

This topic has been closed to new replies.

About this Topic