Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Jun 2010
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE 7 doesn't cooperate....works fine with all other browsers

    the html/css works fine with firefox, IE8, safari, chrome BUT IE7 throws the top menu system and header "off the page"

    and i'm out of my league here, as i'm far more designer than programmer.

    http://www.mazecordblood.com/dev240610/

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    Fix the errors in your markup first, see http://validator.w3.org/check?uri=ht...com/dev240610/
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    Can't immediately see what's causing this in IE7. The validator is throwing a number of errors.

    I'd start by removing the <span class="header"> entirely - it doesn't appear to be doing anything. Give that a try and see what it looks like.

  • #4
    Kor
    Kor is offline
    Red Devil Mod Kor's Avatar
    Join Date
    Apr 2003
    Location
    Bucharest, ROMANIA
    Posts
    8,478
    Thanks
    58
    Thanked 379 Times in 375 Posts
    There is no reason to use position:absolute for your elements, except for certain scopes. It is not your case.

    SPAN and DIV are different elements and they should be used exactly for what they were created. SPAN is an native inline element, while DIV is a native block element.

    More about inline and block level elements:
    http://www.w3.org/TR/html401/struct/global.html#h-7.5.3

    Another advice: give your elements, whenever you can, a precise size - CSS width and height.
    KOR
    Offshore programming
    -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

  • #5
    New Coder
    Join Date
    May 2006
    Posts
    48
    Thanks
    1
    Thanked 0 Times in 0 Posts
    also take out the div's and img's from the H1 element that's what causing the problem. don't forget to remove absolute.
    also, use this try to resolve your problem:

    http://www.firebugger.com/firebug.ph...2Fdev240610%2F
    Last edited by Eben; 06-26-2010 at 01:04 PM.


  •  

    Posting Permissions

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