Results 1 to 10 of 10

Thread: Firefox vs. Chrome & IE

  1. #1
    Join Date
    Jun 2012

    Question Firefox vs. Chrome & IE

    I have a problem. My website (downstay.net) has suddenly broke in IE and in Chrome (but it's still OK in firefox). The pages are not rendering correctly and I think it's a CSS problem but not sure. I changed nothing on the site when this broke. I know that doesn't help but it's the truth!

    I have validated in both HTML 5 and CSS 3.

    It's easiest just to look and see for yourself, but I'll try to explain:
    • A part of the footer, an image, is displaying just below the header.
    • The background color no longer extends all the way down the page.
    • My "astore" (an inline frame containing Amazon.com products) no longer displays
    • ALL the pages in my site are affected.
    • Firefox still correctly renders all pages.

    This really has me confounded as I did not make any changes to my site, yet all pages are affected! That's why it led me to believe it was something in my css file but I haven't been able to find anything.

    Please somebody, I would appreciate it if you would take the time to look at my site and see for yourself. ANY comments or leads would be greatly appreciated!

    Thanks in advance,

  2. #2
    Join Date
    Jun 2012
    Also, interestingly, when I view the website on my home computer as "file:///var/www/positivepaws/index.html" it renders correctly. If I look at it as "localhost/positivepaws/index.html" it errs in the ways described above.

  3. #3
    Join Date
    Dec 2011
    Hi Chrisandclem,

    I am using Google Chrome and all of the above displays as intended. It's all working

    Have you tried clearing your cache?

  4. #4
    Join Date
    Jun 2012

    Question PNG files to clarify

    Thanks danielshill for your quick reply. I did try clearing my cache after you suggested it, but to no avail.

    I have put up a couple of png files to clarify what it should and shouldn't look like. They are here:


    The first url is what it is supposed to look like. The second obviously is the messed up rendering.

    Also, check out http://downstay.net/privates.html. You will see what I mean about the background color not going all the way down.

  5. #5
    Join Date
    Jun 2012

    Unhappy I temporarily fixed it by removing...

    I temporarily fixed it by removing the bottom-of-the-page image that was floating up to below my masthead.

    I also added overflow:auto to the outer wrapper and that fixed the problem of the background extending all the way down.

    These are just temporary fixes though since I no longer have a footer or the image that was supposed to be an "endcap" to the bottom of the content area.

  6. #6
    Join Date
    May 2005
    Gold Coast (MS)
    You are using an HTML 5 document type. HTML 5 has not been released and many browsers do not support a lot of the features that will be available. The same for CSS 3.

    CSS Errprs Ignore any CSS 3 rules flagged.

    HTML errors

    Tableless Web Design: http://en.wikipedia.org/wiki/Tableless_web_design
    Why tables for layout is stupid: http://www.hotdesign.com/seybold/
    How to convert manually your HTML tables to CSS: http://www.table2css.com/articles/ho...tml-tables-css
    Basic Tables [Bad Examples!]: http://www.yourhtmlsource.com/tables/basictables.html
    Images, Tables, and Mysterious Gaps: https://developer.mozilla.org/en/Ima...ysterious_Gaps

  7. #7
    Join Date
    Jun 2012

    Thanks for the resources

    Thanks for the resources, I'll definitely check them all out!

  8. #8
    Join Date
    May 2005
    Gold Coast (MS)
    You're very welcome.

  9. #9
    Join Date
    Jun 2012
    there are many websites which doesn't support in IE and Google Chrome Firefox is the best browser for work.

  10. #10
    Join Date
    Jun 2012

    Thanks again

    Thanks again Major Payne, the resources you gave me must have helped spark something in my mind. There were lots of little problems, but the main one (the one that caused the footer to float up under the masthead) was due to a misplaced </div>. I didn't encapsulate the whole area I needed to. My "contentarea" contained "leftpart" and "rightpart", two columns, then came the footer. I was ending "contentarea" after the footer, when it should have been after leftpart and "rightpart", before footer. After I relocated it, the footer went right where it was supposed to. I tried it in Chrome, IE, Opera, and Firefox. Worked in all of them!

    Thanks to all!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.16541 seconds
  • Memory Usage 2,939KB
  • Queries Executed 15 (?)
More Information
Template Usage (32):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (10)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (10)postbit
  • (10)postbit_onlinestatus
  • (10)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (73):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates