Results 1 to 7 of 7

Thread: Internet Explorer 7 Float Bug?

  1. #1
    Join Date
    May 2011
    North Wales, UK

    Internet Explorer 7 Float Bug?

    I am creating a site and I'm having trouble with x-browser support.
    Currently I am only struggling with IE 7 as all other browsers that I have tested so far have been ok.

    This is a link to one of my pages.


    If you launch this site in IE 8 or 9 then hit F12, you can change the Document Mode to IE7 Standards... Then you will notice that the main body of text is falling past the footer.

    I have tried so many online solutions to try and get to the bottom of this - It's driving me crazy!

    Can anyone help me?

    Kind regards,

  2. #2
    Join Date
    Dec 2005
    Try changing .fixwrapper to this:

    .fixwrapper {
    background-image: url(../Images/bg_body_white.png) !important;
    background-repeat: repeat !important;
    background-position: top !important;
    overflow: hidden; /* change this from visible to hidden */
    position: relative;
    /* height: 1px; - remove this */
    This causes the fixwrapper to clear all of it's children thus pushing the footer down. Right now, the footer isn't clearing the right-floated content div - one reason is because fixwrapper has a height of 1px.
    I've switched careers...
    I'm NO LONGER a scientist,
    but now a web developer...

  3. #3
    Join Date
    May 2011
    North Wales, UK
    Thank you for the reply - I did try what you have suggested before.
    When you remove the height from the fixwrapper that stops the page flowing over the footer but I have been unsucessful at clearing the page now so that the menu appears back at the top and the bottom menu appears at the top of the blue.
    (the white menu and the blue menu are different controls).

    This is a link to the revised page following your suggestions

    Kind regards,
    Last edited by williamfox4; 09-09-2011 at 10:45 AM. Reason: Added link

  4. #4
    Join Date
    Feb 2008
    Amsterdam, The Netherlands
    I'm afraid I'm extremely busy, but if all else fails and you have to redo your layout, put this in the head:
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    That will make IE7+ behave like IE7.
    How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-Down/Fly-Out Menu with CSS: Website Laten Maken Amsterdam.

  5. #5
    Join Date
    Apr 2010
    Cocoa Beach, FL

    Sometimes issues with FLOAT:LEFT; and FLOAT:RIGHT;

    Now sure if this will be a help for you, but in web application development if you have several divs that are using float:left; or float:right you can sometimes run into issues.

    If you have a div with float:left; next to a div that has no float. The div with no float will superimpose itself on top of your div with float:left; Also it will not lineup as you expect it to with the other divs.

    float:left; is used very often in web development, especially when trying to align content without the use of HTML tables.

    This problem will occur regardless of the web programming language you use, whether it is ASP.NET, ColdFusion, or PHP.

    Michael G. Workman

  6. #6
    Join Date
    Feb 2008
    Amsterdam, The Netherlands
    In addition to what Michael wrote, floats should either be sustained (:left or :right) or cleared (:left, :right or :both). There may never be an open end to a float. Use an empty div to clear the float, if necessary.
    How to: Target IE in, Position in, Center in, Create a Fixed ('Sticky') Footer with, and Create a Drop-Down/Fly-Out Menu with CSS: Website Laten Maken Amsterdam.

  7. #7
    Join Date
    May 2011
    North Wales, UK
    Thank you for your replies Michael & Frank,
    I'm going to spend some more time on this today to try and figure out exactly what is causing the problem.
    I had considered starting again and using "IE=EmulateIE7" but i'd rather keep the existing style and create something in javascript or C# to calculate the height of the page and use that to set a property height for the page container.... I'd rather not have to do that, but as this only affects IE7 I'm convinced there is no other way, when all standards compliant browsers are correct!

    Kind regards,

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.09577 seconds
  • Memory Usage 2,907KB
  • Queries Executed 15 (?)
More Information
Template Usage (33):
  • (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
  • (2)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (7)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (7)postbit
  • (7)postbit_onlinestatus
  • (7)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