IE introducing extra space after header. Any idea why?

Discussion in 'CSS' started by cableboy, Apr 4, 2008.

0
  1. #1
    cableboy, Apr 4, 2008 IP
  2. Dan_A

    Dan_A Peon

    Messages:
    65
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Add display:block; in .logo
     
    Dan_A, Apr 4, 2008 IP
  3. cableboy

    cableboy Peon

    Messages:
    32
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Awesome thanks!
     
    cableboy, Apr 4, 2008 IP
  4. kk5st

    kk5st Prominent Member

    Messages:
    3,497
    Likes Received:
    376
    Best Answers:
    29
    Trophy Points:
    335
    #4
    Using display block is a good solution in this case, but in others may not be. See gaps under images for the reason this happens and some other solutions that may be more appropriate under different situations.

    cheers,

    gary
     
    kk5st, Apr 4, 2008 IP
  5. Dan Schulz

    Dan Schulz Peon

    Messages:
    6,032
    Likes Received:
    436
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I don't use display: block for images. I just set the vertical align property to bottom and call it a day (after killing any borders that may be present later on as well). Here's the CSS (unmodified) that I use for it:

    
img {
	border: 0;
	vertical-align: bottom;
}
    Code (markup):
     
    Dan Schulz, Apr 4, 2008 IP