Tagged: ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #11114

    In the single article view, the article links below the article are not displayed correctly on the entire page width, such as in Safari.

    Thanks Holger

    #70557

    Hi!

    Can you post a link to a page where the error occurs please?

    Regards,

    Peter

    #70558

    Hi Peter,

    http://styve.de/?p=2415

    I’m using Firefox 11.0 on Mac OS

    #70559

    Hi northerndelight,

    I’m not seeing any issue in Firefox, Chrome or IE on a Windows machine. Can you take a screenshot of whats happening?

    Thanks,

    Devin

    #70560

    Hi Devin,

    It’s very confusing so i made two screeshots – Safari (where it looks perfect) compared with Firefox.

    # 1 http://styve.de/images/navigation_1.png

    # 2 http://styve.de/images/navigation_2.png

    Btw. Its always the same on Mac OS ore Windows.

    Thanks, Holger

    #70561

    Hi,

    When I encounter a style problem on firefox. I use a javascript snippet to manually target the elements that renders differently compare to other browsers. This is the script.

    $(document).ready (
    function() {
    if ( $.browser.mozilla == true && $.browser.version < '3.0' ) {
    $('.slides').css('margin-top','-50px');
    $('.paging').css('bottom','90px');
    }
    }
    );

    I hope this helps.

    Regards,

    Ismael

    #70562

    Hi,

    Where should I incorporate the script?

    Thanx Holger

    #70563

    Hey!

    You can add it to js/avia.js (at the very end/bottom of the file). I’d replace “$” in the code above with “jQuery”.

    Regards,

    Peter

    #70564

    Hi,

    you mean like this:

    Code:
    (document).ready (
    function() {
    if ( browser.mozilla == true && browser.version < ’3.0′ ) {
    (‘.slides’).css(‘margin-top’,’-50px’);
    (‘.paging’).css(‘bottom’,’90px’);
    }
    }
    );

    Thanx Holger

    #70565

    Sorry, I’d misunderstood you.

    Ok, I put

    Code:
    $(document).ready (
    function() {
    if ( $.browser.mozilla == true && $.browser.version < ’3.0′ ) {
    $(‘.slides’).css(‘margin-top’,’-50px’);
    $(‘.paging’).css(‘bottom’,’90px’);
    }
    }
    );

    at the very end of the avid.js. Nothing happened.

    Than I do the same with

    Code:
    jQuery(document).ready (
    function() {
    if ( jQuery.browser.mozilla == true && jQuery.browser.version < ’3.0′ ) {
    jQuery(‘.slides’).css(‘margin-top’,’-50px’);
    jQuery(‘.paging’).css(‘bottom’,’90px’);
    }
    }
    );

    and the same again. Nothing happened

    #70566

    Hello,

    On your header.php, look for <link rel="stylesheet" href="<?php echo get_bloginfo('template_url'); ?>/css/custom.css" type="text/css" media="screen"/> Place the script above that. :)

    Regards,

    Ismael

    #70567

    Hi,

    sorry, but that doesn’t work either.

    Thanx Holger

    #70568

    Hey!

    Try to add following code to css/custom.css:

    .post_nav {
    width: 100% !important;
    }

    Regards,

    Peter

    #70569

    I had the same issue on Firefox 11.

    adding css .post_nav solved it!

    Thanks

    #70570

    Hey Dude!,

    that works,

    Thanx, Holger

    #70571

    Great! Glad that fixed the issues for you :)

Viewing 16 posts - 1 through 16 (of 16 total)

The topic ‘Error in the article navigation in Firefox’ is closed to new replies.