/    Sign up×
Community /Pin to ProfileBookmark

IE 6 display problem

Copy linkTweet thisAlerts:
Jul 17.2007

My problem is that the one image is misplaced in ie6 only. I can’t figure out how to correct it, but help would be much appreciated.

Screen shots (the first in Firefox, the second in IE6), CSS, and HTML are attached.

[upl-file uuid=b32e05e5-4353-4c55-b26c-776c2f592460 size=93kB]screen1.jpg[/upl-file]

[upl-file uuid=11a91008-0876-42b8-9a6e-64a059d2951c size=91kB]screen2.jpg[/upl-file]

[upl-file uuid=05f2a3e4-7310-44ec-8b08-42423ecdc68d size=3kB]Farland code.zip[/upl-file]

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@toicontienJul 17.2007 — This sort of thing is usually pretty easy to solve. Without taking a look at your code, whichever element has the misaligned image just needs to be rendered using hasLayout.

The hasLayout property is a Document Object Model property that only IE-Win has. It is the cause and solution to many of Internet Explorer's bugs. Just add [B]zoom: 1;[/B] to the style declaration for the HTML tag that contains the misaligned image.

Reference: On Having Layout -- [B]a must-read if you write style sheets![/B]
Copy linkTweet thisAlerts:
@FarlandauthorJul 17.2007 — You are the man! That fixed it indeed, negating my need to use a separate stylesheet for IE6.

But it caused a tiny little offset in the opposite corner element. The screen shot is attached.

Any idea how to fix it?

[upl-file uuid=5d490f94-ab73-40dc-9dda-d8fd6bd85102 size=44kB]offsetscreen.jpg[/upl-file]
Copy linkTweet thisAlerts:
@FarlandauthorJul 18.2007 — Never mind. I used the !important trick and all's well.

Thanks again!
×

Success!

Help @Farland spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.20,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...