Page Good In Firefox, But Looks Wrong In IE ?!

Discussion in 'HTML & Website Design' started by Deep 888, Jul 29, 2008.

  1. #1
    Hello, I have developed a script store using ezypal script.

    The page looks great in firefox, but there are to many gaps when it loads in IE.

    URL: www.websitescripts.org


    Anyone help?
     
    Deep 888, Jul 29, 2008 IP
  2. garrettheel

    garrettheel Peon

    Messages:
    341
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Well, I'm in firefox so I can't see your problems but I suggest you look at the IE box hack (do a google search) and apply this to your css. It may be the problem where IE handles padding differently to regular browsers.
     
    garrettheel, Jul 29, 2008 IP
  3. Deep 888

    Deep 888 Peon

    Messages:
    988
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I dont think it is the box hack.

    There are just lots of spaces in between text when the page loads in IE
     
    Deep 888, Jul 30, 2008 IP
  4. garrettheel

    garrettheel Peon

    Messages:
    341
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Can you take a screenshot of the page and post it here?
     
    garrettheel, Jul 30, 2008 IP
  5. Social.Network

    Social.Network Member

    Messages:
    517
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    35
    #5
    I took a quick look and it appears that you have many empty paragraph <p> tags throughout the page. FireFox is ignoring the empty paragraphs and IE is rendering the HTML. Just a thought.
     
    Social.Network, Jul 30, 2008 IP
  6. yleiko

    yleiko Peon

    Messages:
    74
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #6
    this happens when you assign an object both width and padding at the same time.
    for example:
    <div style="width:200px; padding:10px;">content</div>

    ie renders this code and sets a div with width 200px, on the other hand firefox assigns 220px value. (it adds padding-left and padding-right)

    the easy way to escape this ambiguity is using two different divs, like
    <div style="width:200px;"><div style=" padding:10px;">content</div></div>
     
    yleiko, Jul 30, 2008 IP