/    Sign up×
Community /Pin to ProfileBookmark

clear:right not working in Internet Explorer 6

Copy linkTweet thisAlerts:
Dec 12.2004

Greetings,

I basically have a few images, and they’re small pieces forming a bigger image, i.e., some people call this “slicing”. Now I’m trying to use the float and clear properties to make the big image show properly using those smaller slices. So far, I’m having no trouble whatsoever with the big image showing exactly as I want it on Firefox. But Internet Explorer (which I really can’t stand anymore) will not show the image properly.

Here’s the sequence, please try to visualize it as I can’t show you a link: 1st image is floated left with clear right, 2nd image is floated left with clear both, 3rd image is floated left with clear left, 4th image is where the problem is, it has to come after the 3rd image, to its right, and a 5th image comes after the 4th, too, on the same line. So I cannot clear either right or left of the 4th image. What happens in IE is that the 4th image, instead of showing up next to the 3rd image (to its right), it goes ALL the way up and stays to the right side of the first image! As if the clear:right of the 1st image and clear:both of the 2nd image are not working at all. Again, this does not happen in Firefox.

How can I correct this, please?

Thanks for anyone taking the time to give information and tips.

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@porcoDec 12.2004 — I know its now what you asked but for all the grief what was the value of slicing? Recently, and I've lost the article, it was argued well that slicing really is a thing of the past except for in a few circumstances. Personally I've always found it looks clunky getting bits of images....

Thats not a criticism, just wondering if you'd considered skinning the cat another way is all. I've never tried what you're discussing but it sounds like getting it to tweak just so in all browsers would be a bit of a pain...

Good luck, I'll keep track and see how you go, interesting stuff..

Norty Pig Web Development
Copy linkTweet thisAlerts:
@picophdauthorDec 12.2004 — Well, if you have a big image, and it's quite irregular, with areas that are best exported as jpg and others best exported as png/gif, with vast areas of solid color, you're left in a dilemma of choosing the easy non-slicing path and adding quite enough of unnecessary size to the image (you have to choose either jpg or png for the whole thing and export vast areas of pure solid color), or choosing the harder slicing path that saves a lot of kilobytes from the whole page.

I haven't heard, yet, of any solutions to this dilemma using the currently used common technologies.
Copy linkTweet thisAlerts:
@porcoDec 12.2004 — Mmm sounds cool. I'm very needing in the graphic side of things so I've bookmarked your website and will keep a track of how you go.

Sorry I don't have much of an idea, its kind of hard when I can't see what you're really trying to line up.

Norty Pig Web Development
×

Success!

Help @picophd 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.18,
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,
)...