Messed up in IE but fine in FF...

Discussion in 'HTML & Website Design' started by BRUm, Sep 29, 2006.

0
  1. #1
    Hi,

    I've been tearing my hair out with this one...

    If you look here in firefox: www.cpcads.net/signup.php it looks fine...
    Look at it in IE it looks terrible :mad:

    I've taken out all gaps, and I cannot for the life of me, work out why it's all misaligned.

    If someone could kindly look at the source and work out why, I'll be eternally greatful. Also, I'll give you 100 free points when CPCads is good-to-go ;)

    Thanks,

    Lee.
     
    BRUm, Sep 29, 2006 IP
  2. peth

    peth Peon

    Messages:
    179
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Yea, I had this problem quite a while ago, first of all to make it easier what software are you using?

    If you're using Dreamweaver - this would be a lot easier as this is what i used to sort this problem a while back.

    Cheers.
     
    peth, Sep 30, 2006 IP
  3. silverblade

    silverblade Peon

    Messages:
    153
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #3
    The reason of everything messing up is the fact that you sliced it with imageready.
    Everything between the form boxes is image.
    Next to and below the signup buttons is image.
    IE doesn't have exactly the same size for the form boxes, letting all the images get out of their original spot...
    I think it's the best to recode the thing without using imageready.
     
    silverblade, Sep 30, 2006 IP
  4. thevenerablez

    thevenerablez Peon

    Messages:
    44
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I ran into that problem a lot-- It helps to be able to hand code stuff, you know exactly what you're doing that way. Also, I use Dreamweaver. And I recommend it.
     
    thevenerablez, Sep 30, 2006 IP
  5. BRUm

    BRUm Well-Known Member

    Messages:
    3,086
    Likes Received:
    61
    Best Answers:
    1
    Trophy Points:
    100
    #5
    I just resliced it, everything is now a cell and not an image and I did it in front page's HTML editor, what has image ready got to do with the messing up? I only used that to slice :/
     
    BRUm, Oct 2, 2006 IP
  6. rb3m

    rb3m Peon

    Messages:
    192
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I've seen worse. Instead of using inline styles create a separate css sheet and use conditional formatting to get it to display well in IE.

    The problem lies in the different way that IE interprets margin and padding styles. Usually some hacks are necessary to get pages to display properly in IE. Google "conditional formatting".

    EDIT: Oh, I took another look at your code and you may want to get rid of all those cells, at least put the dividing line in it's own cell (you know, colspan = x )
     
    rb3m, Oct 2, 2006 IP
  7. BRUm

    BRUm Well-Known Member

    Messages:
    3,086
    Likes Received:
    61
    Best Answers:
    1
    Trophy Points:
    100
    #7
    BRUm, Oct 3, 2006 IP
  8. EasyMarketer

    EasyMarketer Well-Known Member

    Messages:
    695
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    110
    #8
    It looks like its floating it :/ I dont know what to do in this case except screw around with it.
     
    EasyMarketer, Oct 3, 2006 IP
  9. BRUm

    BRUm Well-Known Member

    Messages:
    3,086
    Likes Received:
    61
    Best Answers:
    1
    Trophy Points:
    100
    #9
    What do you mean by "floating"? All that's changed is the cell now has css properties :(
     
    BRUm, Oct 3, 2006 IP