Advanced Search

Results 1 to 3 of 3

Thread: IE image padding Problem!!

  1. #1
    Join Date
    Oct 2006
    Posts
    60
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default IE image padding Problem!!

    IE exeplorer adds at defaults a padding(margin?) after the img elements?
    How can i remove this without affecting and other browsers (FF) that have no problem?

    I tried padding:0;margin:0; but no lack...

    The only thing that seems to work for IE is negative margin, but then affects
    other browsers...

    and of course i don't want to do this by absolute position.

    Thanx in advance!

    P.S.:e.g I want to cut a big vertical image at two slices and put one under the other and right of them some text. So i want them to look like one.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,690
    Thanks
    43
    Thanked 3,129 Times in 3,095 Posts
    Blog Entries
    12

    Default

    IE has always had a quirk about images. Unless you put the tags together with no white space between them:

    HTML Code:
    <img src="some.gif"><img src="another.gif">
    IE will put some in there. Technically, this is correct as, an image is an inline element. As such it is like text. If you have a space between two letters in your markup, you see it in the layout.

    If you have this:

    HTML Code:
    <img src="some.gif"><br>
    <img src="another.gif">
    There will be no space between them vertically, as long as there are no trailing or leading spaces on the lines in the markup.
    Last edited by jscheuer1; 02-01-2007 at 04:54 PM. Reason: add info
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Oct 2006
    Posts
    60
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanx man,

    It worked, and i haven't thought of that simple thing
    inline element
    .

Bookmarks

Posting Permissions

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