Discuss: Fluid Images
by Ethan Marcotte
- Editorial Comments
2
I dealt with a similar issue recently.
Thought I should mention for IE7 and IE8 you can use the CSS property
-ms-interpolation-mode:bicubic;
Gives much nicer scaling of images for IE. Used jQuery to cope with IE6’s lack of max-width.
Did not consider AlphaImageLoader, will have a look at this for making IE6 look better too.
posted at 03:56 am on June 8, 2011 by tesmond
3 IE6
Luckily, I don’t work on projects that require IE6 compatibility any longer… From the YUI discussion it looks like the page takes a lot more ram to render… like 700% more ram.
In that case, I would just let them have poo-poo image resizing and put a message to upgrade.
posted at 12:08 pm on June 8, 2011 by George Montana Harkin
4 I love fluid webpages
I build a personal template completely fluid and small javascript for make fluid the fonts-size and centering images (sorry for my english)
Example: http://dl.dropbox.com/u/13739195/example.html
posted at 12:34 pm on June 8, 2011 by arturios
5 A recent convert
I’m starting to develop a crush on code (blush).
More awesome articles like this and I might (gulp) love to code.
posted at 09:50 pm on June 8, 2011 by Tamixes
6 max-width: 100% fails with right sidebar in FF and
Firefox and Opera seem to ignore the max-width: 100% if there’s a right margin and a right sidebar with a negative left margin, yet webkit browsers respect the max-width: 100% even with a right sidebar. width: 100% fixes the problem, but increases the actual size of the image. Why doesn’t max-width: 100% work here? Is there a workaround for this?
posted at 05:10 am on June 10, 2011 by waynhall
7
so claver way to make clean images, thank you so much for sharing this information with us. =)
posted at 07:36 am on June 10, 2011 by Saç kaynak
8 Great read
I just learned a new way of keeping things clean. Great information.
posted at 11:49 am on June 10, 2011 by DQ Joe
9 Enjoyed
Thanks for the article. I very much enjoyed it. Great information. Thanks!
posted at 02:03 pm on June 10, 2011 by webaggression
10
On the faux column technique, why not just position bg at right?
background: url(…) top right repeat-y;
posted at 10:22 pm on June 10, 2011 by oliveiraev
Got something to say?
Discuss this article. We reserve the right to delete flames, trolls, and wood nymphs.
Create a new account or sign in below if you’d like to leave a comment.
Subscribe to this article's comments: RSS (what’s this?)




1 Absolutely ...
… brilliant!
It seems I have to really get back learning the trade again. Thanks for this wonderful chapter.
Must now get hold of the book.
posted at 09:09 am on June 7, 2011 by Rob Hofker