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
    Feb 2010
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Different in IE than FF

    Website: http://www.charityparade.org
    CSS: http://www.charityparade.org/style.css

    The problem is that the search bar in IE appears about 5 pixels lower than in FF. I've tried using top:5px; for the div with a separate css for IE with no success. An idea might be the <--[if IE]--> conditional statements which I tried but I think I did something wrong. Also in IE the marquee is not centered (off to the right) unlike FF. If anyone has any ideas your help will be greatly appreciated.

    Thank you,
    CPAWebmaster - www.charitableprofitarrangement.org

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,862
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Starts with fixing the errors in your markup, http://validator.w3.org/check?uri=ht...ityparade.org/
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New to the CF scene
    Join Date
    Feb 2010
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Only errors are related to the marquee's attributes like no class, truespeed, scrollspeed, and such. Doesn't explain why it has shifted off to the right. Any other ideas? If you look at the search bar now... it is under 1 div container but the box is low and the submit image is high (yet they have a single padding setting applied for both)... Thanks though!

  • #4
    New Coder
    Join Date
    May 2010
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Let me share my FF & IE "learned the hard way"

    Lesson 1, FF is forgiving and IE is not, if you are missing a closed tag FF will many times still deliver the page, IE won't and everything appears bonkers.

    Lesson 2, FF and IE won't space the same so you have to watch those exactly placed items. Test in both browsers often as you are coding, it truly blows to finish a page just to realize that your perfectly aligned menu in FF is sitting in your banner in IE. Sometimes you have to find the happy medium.

    I didn't look real hard at your code but you have a lot of tags, go through and match them all up would be my first check. Padding is the content inside the box/container. margin-bottom:15px; Will serve you better

    Lori

  • #5
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    There is no such thing as marquee in HTML, though most browsers support it. How they position it might be a different story. Try adding 'vertical-align:bottom' to the CSS for that element and see what happens.


  •  

    Posting Permissions

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