WordPress.org

Ready to get started?Download WordPress

Forums

How to fix browser problems (26 posts)

  1. kiddisi
    Member
    Posted 5 years ago #

    Hi, How can I solve the browser problem. My site is ok in Firefox, but not in Internet Explorer. can someone help me with this issue?

    Warmest regards,
    Kris

  2. Rama108
    Member
    Posted 5 years ago #

    I have the same problem but no one seems to have an answer. I may just have to switch to a different blogware.

  3. MDBlogs
    Member
    Posted 5 years ago #

    Hi, I have the same problem only in Firefox. It happened just recently, where it's as though the screen view shifted a few cm to the left, and now a key design element is cut off from view. This is only on Firefox. It used to be fine, but now it's not. I also checked with Safari and IE, and the screen view is fine. So a similar problem... i'm hoping if someone can respond to our thread, we can all get an answer... thanks.

  4. kiddisi
    Member
    Posted 5 years ago #

    Hi, I found this link, it checks out all errors on your site. I´m checking it out now myself and it shows lot of errors on my site.

    regards,
    Kris

  5. VincentvandenHeuvel
    Member
    Posted 5 years ago #

    W3C validator is every nice tool for creating validating HTML but it doesn't guarantee in any way cross browser compatibility. Internet Explorer is notorious for it's incompatibilities. Unless you're aware of browser quirk modes and css hacks???

    Regards,
    Vincent

  6. the_doctor199
    Member
    Posted 4 years ago #

    Im just after spending a few hours changing lots of things around on my website and it looks great in Firefox, tried it in IE and it looks totally wrong - the main issue being that the text is appearing huge, does anyone have any ideas?

    The site is: http://www.shoottothrill.co.uk

  7. S.K
    Member
    Posted 4 years ago #

    the_doctor199,

    Add this to the header.php of your theme above </head>:

    <!--[if IE]>
    body{
    font-size: 80%;
    }
    <![endif]-->

    (Change the percentage by trial and error)

    HTH

    S.K

  8. the_doctor199
    Member
    Posted 4 years ago #

    Kichu, just tried that and it hasn't changed anything. I tried entering values between 20 and 80 and nothing changed.

  9. esmi
    Forum Moderator
    Posted 4 years ago #

    No! Don't change the body font size! That's really bad practice (and yes - I know the default theme does - what can I say). Find the problem first and then change the font size on that specific block/element. Right now, you have a body font of 20% set in IE which frankly, is ludicrous! I can guarantee that such a setting will come back and bite you.

    Despite what was said above, start by sorting out the validation errors on your site. It won't cure every problem but it does provide the best possible foundation for cross-browser performance. For example, your meta-keywords are totally screwed up...

  10. S.K
    Member
    Posted 4 years ago #

    First check by reloading, after flushing cache in IE.

    I think the problem is pronounced in your menu. Try changing the font-size declaration for "#menu ul li" alone in the conditional styling, fixing specific values in terms of px.

    S.K

  11. the_doctor199
    Member
    Posted 4 years ago #

    Esmi, it should now be at 80%. Im just working my way through that list of problems now, I think I have sorted out the keywords though.

    Kichu, I tried changing the value in the "#menu ul li" on the stylesheet and it hasn't changed the performance in IE unfortunately.

  12. S.K
    Member
    Posted 4 years ago #

    In IE, your menu tends to float to the left as per your stylesheet declaration. in the theme, the default setting is float: right which works fine in IE.

    Try changing the float attribute of the menu to right and text-align: right.

    Hope it will get you good sleep! :)

    S.K

  13. the_doctor199
    Member
    Posted 4 years ago #

    No luck with that Kichu, the menu is still appearing huge in IE. Checked it out in Opera and it looks fine in it, so it's only IE that it is messing with it!

    Any other ideas I should try?

  14. S.K
    Member
    Posted 4 years ago #

    Beats me, indeed!

    I even tested with your stylesheet on my localhost installation and it works perfectly in IE.

    Now before I try to dwell deep into it, pl tell me whether you made any hack for the current page item for "home" in the functions.php.

    Or any other extra hack on the theme files?

    S.K

  15. the_doctor199
    Member
    Posted 4 years ago #

    Yeah, I had two "home's" listed as I had a static page as my homepage so this was bringing up two homes so I was advised in another thread to remove one of them, does this affect it?

    (Thanks for your help, i know very little about the coding side of things! :) )

  16. S.K
    Member
    Posted 4 years ago #

    I find that you seem to have made some changes to the page.php. I can't find the footer and the html is truncated; may be one or a couple of closing div tags are missing.

    I think you had tried to remove the calls to sidebars but removed the footer call also.

    To make the long story short, add the following to the end of your page.php:

    <?php get_footer(); ?>

    Try it and see.

    S.K

  17. the_doctor199
    Member
    Posted 4 years ago #

    I just checked the code for page.php and the footer code was already there, this is the code that I currently have on that page..

    <?php get_header(); ?>

    <div id="content">
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div class="entry">
    <h1 id="post-<?php the_ID(); ?>">" rel="bookmark"><?php the_title(); ?></h1>
    <?php the_content('Read the rest of this entry »'); ?>
    <div class="info">
    <p class="infoleft">Posted: <?php the_time('F jS, Y'); ?>
    <?php _e("at"); ?> <?php the_time('g:ia'); ?> by <?php the_author() ?> <?php edit_post_link('Edit'); ?></p>
    <p class="inforight"> <?php if ( the_tags('Tagged with ', ', ') ) ?></p>
    <br clear="all" />
    <p class="infoleft">Categories: <?php the_category(',') ?></p>
    <p class="inforight">Comments: "><?php comments_number('No comments','1 comment','% comments'); ?></p>
    <br clear="all" />
    </div>
    <?php if ( comments_open() ) comments_template(); ?>
    </div>
    <?php endwhile; else: ?>
    <div class="entry">
    <p><b>Sorry, but you are looking for something that isn't here.</b></p>
    </div>
    <?php endif; ?>
    <div class="entry">
    <p><?php next_posts_link('« Older Entries') ?>    <?php previous_posts_link('Newer Entries »') ?></p>
    </div>
    </div>

    <div id="sidebar">
    <?php include(TEMPLATEPATH."/l_sidebar.php");?>

    <?php include(TEMPLATEPATH."/r_sidebar.php");?>
    </div>

    <?php get_footer(); ?>

  18. S.K
    Member
    Posted 4 years ago #

    But your source shows different set of tags - titles, comment boxes, sidebars etc removed. Perhaps you are using a different template for your pages.

    Pl check.

    S.K

  19. the_doctor199
    Member
    Posted 4 years ago #

    Just re-uploaded the page.php to make sure it was the correct one I was using and it is, do you want me to paste in any other pages?

  20. S.K
    Member
    Posted 4 years ago #

    Dashboard -> Pages -> Edit -> Home -> Edit page -> right panel -> template

    Below that what do you see?

    Like that in all other pages like "about" etc?

    S.K

  21. the_doctor199
    Member
    Posted 4 years ago #

    Im using a template I created called 'No Sidebar', the code for it is below..

    <?php
    /*
    Template Name: No Sidebar
    */
    ?>

    <?php get_header(); ?>

    <div id="content" style="width:975px; padding-right:0px; border-right:0px;">
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div class="entry">

    <?php the_content('Read the rest of this entry »'); ?>

    <br clear="all" />
    <?php endwhile; else: ?>
    <div class="entry">
    <p><b>Sorry, but you are looking for something that isn't here.</b></p>
    </div>
    <?php endif; ?>
    <div class="entry">
    <p><?php next_posts_link('« Older Entries') ?>    <?php previous_posts_link('Newer Entries »') ?></p>
    </div>
    </div>

    <?php get_footer(); ?>

    Again, thanks for your help :)

  22. S.K
    Member
    Posted 4 years ago #

    But your page doesn't show the footer.

    Pl make sure the template does have the call to the footer and that footer.php is available in the theme directory.

    It will have the following:

    </div>
    <br clear="all" />
    <div id="footer">Black 3column Theme v1.0 by http://www.ikovacic.net. Powered by WordPress!</div>

    </div>
    <?php do_action('wp_footer', ''); ?>
    </body>
    </html>

    Edit:

    I find that the problem still persists. Ok. This is a challenge. I'll try to drill it tomorrow!

    S.K

  23. the_doctor199
    Member
    Posted 4 years ago #

    Aha! The footer.php file was empty, i've now edited it with what you suggested.

  24. S.K
    Member
    Posted 4 years ago #

    Can you temporarily revert to default theme, remove the Black 3column Theme directory completely from your wp-content/themes folder (after backing it up in your computer), and reupload the theme without any modification as expanded from the zip folder downloaded, and activate it.

    Let us see if the issue lingers.

    S.K

  25. the_doctor199
    Member
    Posted 4 years ago #

    Edited post..

    I uploaded my files instead of the originals! That's the original online now!

  26. S.K
    Member
    Posted 4 years ago #

    Select default template for the pages. You can modify it later.

    S.K

Topic Closed

This topic has been closed to new replies.

About this Topic