Issue with images in IE

Discussion in 'HTML & Website Design' started by brok3n, Jul 25, 2007.

0
  1. #1
    Hi everyone. How are you?

    I am having some trouble with an image going on a new line in IE.

    Here is the site:
    http://rageoholicsanon.uni.cc/test/dawson.html

    I have tried making images "display: block;" and having all the code for that part on 1 line. None works. The site works in both Opera and FF.

    Please help me.

    Thanks, Taylor.
     
    brok3n, Jul 25, 2007 IP
  2. benihana

    benihana Peon

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    its display:inline you need.

    try increasing the overall width of the section just a few pixels.
     
    benihana, Jul 25, 2007 IP
  3. brok3n

    brok3n Peon

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks for the help, but this still doesn't work.

    -Taylor.
     
    brok3n, Jul 25, 2007 IP
  4. killerj

    killerj Active Member

    Messages:
    765
    Likes Received:
    34
    Best Answers:
    0
    Trophy Points:
    95
    #4
    Ok .. try this..
     
    killerj, Jul 25, 2007 IP
  5. brok3n

    brok3n Peon

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Ahh, I fixed it. I had to make the container div 9px wider :confused: for some reason. I guess I'll have to put up with it being slightly off-centre in IE.

    Thanks a lot.

    Taylor
     
    brok3n, Jul 25, 2007 IP
  6. benihana

    benihana Peon

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    I havent looked at the rest of your CSS but obviously IE is making things wider. Could be any number of reasons.

    Try adding a proper doctype.
     
    benihana, Jul 25, 2007 IP
  7. brok3n

    brok3n Peon

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    I am using float: left; for every object in that nav bar. I have a margin of -3 set for IE to combat IE making a space between the left nav bar border image and the nav divs. What doctype do you suggest?

    Taylor
     
    brok3n, Jul 25, 2007 IP
  8. benihana

    benihana Peon

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Yours is incomplete and browser will be working in quirks mode. If you add a complete one, youll at least be having a level playing field. (well, leveller)

    I asked a about floats and margins as when you float something and puit a margin on the same side as the direction of the float IE doubles that margin. but as you have negative margins im not sure what the effect would be.

    Theres loads of info on both these all over the web

    <added>This doctype is complete:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">

    It contains an absolute url to the DTD file. (not that the browser reads it, it has it built in. )


    </added>
     
    benihana, Jul 25, 2007 IP
  9. brok3n

    brok3n Peon

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Thank you very much. Someone needs to fix IE :D

    Taylor
     
    brok3n, Jul 25, 2007 IP
  10. benihana

    benihana Peon

    Messages:
    19
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    hehe you get used to it :)
     
    benihana, Jul 25, 2007 IP