www.webdeveloper.com
Results 1 to 4 of 4

Thread: Padding and IE

  1. #1
    Join Date
    Apr 2005
    Posts
    77

    Padding and IE

    I am creating a page and I noticed that IE6 (and I am sure 5) does not recognize the padding tag. I write padding-left:30 whatever and nothing happens in IE. I have defaulted to using the Margin tag, but there is one problem.

    I was using padding and a bottom border to create a graphic element underneath some graphic text. Basically it looks underlined with the underline width greater than the size of the image because of the padding. Since I am not using padding anymore, the underline is simply the width of the text.

    Is there a hack or something to get IE to recognize padding?

    Thanks

  2. #2
    Join Date
    May 2005
    Posts
    2,040
    IE does recgonize padding. But you wrote padding-left:30. 30 what? You need to specify units such as pixels (px).

  3. #3
    Join Date
    Apr 2005
    Posts
    77
    Hahahaha I know that! I was just being lazy. It should read "padding:30px;" but that wasn't working in IE. Let me be more specific. I was padding the right side of an image [padding-right:30px;] in order to add a bottom border that would exceed the length of the image. The padding didn't show up in IE.

    I appreciate your help and I am sorry for being lazy and causing confusion, but I tell you (I swear :]) the padding wasn't showing up in IE. Any ideas?

    Thanks,

  4. #4
    Join Date
    Jan 2005
    Location
    Frankfort, KY, USA
    Posts
    6,167
    It's hard to understand what exactly you're describing...but...

    Try using height/width to create excess area around your image.

    To have a 30 px border beyond the image:
    <div style="height: 120px; border-right: 1px solid black;">
    <img src="file.htm" width="90px" height="90px"/>
    </div>

    You can add padding, to add more space between the border and image, too, if you want.

    Good Luck -
    KDLA

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles