IE <br> problem

Discussion in 'HTML & Website Design' started by Nora, Sep 29, 2007.

  1. #1
    I made a page with images and everything works fine in firefox but it looks really strange in IE (like this). Its not like I'm trying anything unusual.. I use the exact same <br> method I always do. How could I fix this?
     
    Nora, Sep 29, 2007 IP
  2. nabil_kadimi

    nabil_kadimi Well-Known Member

    Messages:
    1,065
    Likes Received:
    69
    Best Answers:
    0
    Trophy Points:
    195
    #2
    try this :
    <br clear="all" />
    Code (markup):
     
    nabil_kadimi, Sep 29, 2007 IP
  3. Nora

    Nora Well-Known Member

    Messages:
    2,105
    Likes Received:
    76
    Best Answers:
    0
    Trophy Points:
    140
    #3
    Thanks for the help.. too bad it doesn't work either..
     
    Nora, Sep 29, 2007 IP
  4. nabil_kadimi

    nabil_kadimi Well-Known Member

    Messages:
    1,065
    Likes Received:
    69
    Best Answers:
    0
    Trophy Points:
    195
    #4
    you didn't use the code I gave you

    it's
    <br clear="all" />
    HTML:
    and not
    </br clear="all" >
    HTML:
     
    nabil_kadimi, Sep 29, 2007 IP
  5. Nora

    Nora Well-Known Member

    Messages:
    2,105
    Likes Received:
    76
    Best Answers:
    0
    Trophy Points:
    140
    #5
    Thanks for the help. :) I did use it but the wrong one.. it does work now but I'm not getting a decent line between it.. Another weird thing is that I have 10 images up but only 9 are showing..

     
    Nora, Sep 29, 2007 IP
  6. Colbyt

    Colbyt Notable Member

    Messages:
    3,224
    Likes Received:
    185
    Best Answers:
    0
    Trophy Points:
    210
    #6
    Put your br clear here

    And use the correct sytax. It worked fine from here.
     
    Colbyt, Sep 29, 2007 IP
    Nora likes this.
  7. nabil_kadimi

    nabil_kadimi Well-Known Member

    Messages:
    1,065
    Likes Received:
    69
    Best Answers:
    0
    Trophy Points:
    195
    #7
    remove this
    img
    {
    float: left
    }
    
    Code (markup):
     
    nabil_kadimi, Sep 29, 2007 IP
  8. Nora

    Nora Well-Known Member

    Messages:
    2,105
    Likes Received:
    76
    Best Answers:
    0
    Trophy Points:
    140
    #8
    Not working either.. I want only five images to show on every line.
    With the code you gave it only showed whitespace at the bottom.. thanks for the help though :)
     
    Nora, Sep 29, 2007 IP
  9. Nora

    Nora Well-Known Member

    Messages:
    2,105
    Likes Received:
    76
    Best Answers:
    0
    Trophy Points:
    140
    #9
    Thanks so much! Removing the css thingy worked! :)
     
    Nora, Sep 29, 2007 IP
    nabil_kadimi likes this.
  10. Colbyt

    Colbyt Notable Member

    Messages:
    3,224
    Likes Received:
    185
    Best Answers:
    0
    Trophy Points:
    210
    #10
    Then simply add a <br /> after the 5th image, the 10th image etc.
     
    Colbyt, Sep 29, 2007 IP
  11. nabil_kadimi

    nabil_kadimi Well-Known Member

    Messages:
    1,065
    Likes Received:
    69
    Best Answers:
    0
    Trophy Points:
    195
    #11
    You can remove
    clear="all"
    Code (markup):
    I think you don't need it anymore, the <br> will do the work
     
    nabil_kadimi, Sep 29, 2007 IP
    Nora likes this.