Grow your CSS skills. Land your dream job.

Problem with IE6. Margin

  • # July 3, 2008 at 2:39 pm

    I got problem with IE6, all other browsers display it normal, but IE 6 don’t. Please help me :)
    Site adress: http://www.test.klausyk.net/vertinu-geriausios.html
    And here is 2 pictures (i outlined what’s wrong)
    [attachment=1]on_firefox3.jpg[/attachment]
    [attachment=0]on_ie6.jpg[/attachment]

    # July 3, 2008 at 2:50 pm

    I think setting display:inline; to the image will do the trick.
    Here is a link to explain: http://www.cssnewbie.com/double-margin-float-bug/

    # July 3, 2008 at 3:18 pm
    "iamaw" wrote:
    I think setting display:inline; to the image will do the trick.
    Here is a link to explain: http://www.cssnewbie.com/double-margin-float-bug/

    No it not this :(. Look at the page without margin to this element: http://www.test.klausyk.net/nomargin.html

    IE6 is still displaying with the wihite gap, but FF3 is displaying without it

    # July 3, 2008 at 5:19 pm

    The problem is the #f_one_mano div. It doesn’t have a width set or any objects inside of it that would force a set width. It only contains that floated image and inline text. So different browsers are calculating it’s width differently I think. Try setting some static widths on it and some of the stuff inside of it and I think you will have it. I think IE is defaulting to the full width of the parent element, whereas Fx is calculating the width of that box at 303px.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".