Chuck-a-Wobbly, img float, & IE Don’t Get Along

  • irv

    (@irv)


    18 years, 7 months ago

    I’m modestly adjusting the Chuck-a-Wobbly theme for my blog. It looks good in Safari and Firefox (both PC and Mac), but it is messed up in IE 5.2 for Mac (contents shifted right) and most of all in IE 6 for Windows (where it’s all messed up somehow). Does anybody have suggestions to fix it? Thanks!!!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter irv

    (@irv)

    18 years, 7 months ago

    Applying IE7 doesn’t fix the problems, sadly. Anybody have ideas?

    Thread Starter irv

    (@irv)

    18 years, 7 months ago

    A nice fella from the internet offerred this advice that worked:

    Nope, IE is not sespecting your height on #head, and since
    you decided to align the BG in it to the bottom and also have
    a BG color on it for some reason, that the problem.

    background: #A0BFD8 url(“hat.gif”) no-repeat bottom center;

    Just remove the color, and set the BG image to the top:

    background: url(“hat.gif”) no-repeat top center;

    There’s also a float drop in IE, but I will leave that
    to you as an exercise.

    For the float drop problem, I added display: inline; and a padding value to the div.entry within * html tags only IE interprets. But really, it’s better in Firefox, Safari, or Opera.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Chuck-a-Wobbly, img float, & IE Don’t Get Along’ is closed to new replies.