By sunnymonkey on

On this page:

http://www.dashboardmonkey.com/2005/10/06/new_wi_fi_wps_to_compete_with_gps

You can see the wifi logo. If you view it in IE there is a big gap inserted, if you view it in firefox etc the gap is not there and everything looks fine.

I can't for the life of me discover why it works in firefox and not IE.

Any style gurus that can clue me up? :)

Dave

Comments

UserFriendly’s picture

UserFriendly commented

Try moving the image outside the paragraph. So instead of:

<p><img src="/image.jpg">Some text.</p>

You have:

<img src="/image.jpg"><p>Some text.</p>

patrickharris’s picture

patrickharris commented

It seems that zoom: 1; /* IE peekaboo fix */ is giving the trouble. If you remove that, the image floats normally in IE.

sunnymonkey’s picture

sunnymonkey commented

tried this, didn't seem to make a difference?

UserFriendly’s picture

UserFriendly commented

Can you talk us through exactly what you tried? I removed the zoom: 1%; hack and the problem was fixed. My solution above also worked for me although Drupal might be adding the p tags itself.

What did you change and where did you change it?

dtabach’s picture

dtabach commented

There isn't such gap in IE 5.2 Mac. Except from a small blank space between the 'User login' title bar and the header bar, which shows in Safari and Fiefox, and do not in IE, the page looks quite the same in the 3 Mac browsers.

Durval Tabach

sunnymonkey’s picture

sunnymonkey commented

Yeah I know that ;) But thanks for the info. :D

I have been setting this all up on a mac at home, and its only when i looked at it with IE on a pc I noticed the issues :(