A LIST Apart: For People Who Make Websites

No. 328

Discuss: Fluid Images

Pages

 1 2 3 >

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

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

Pages

 1 2 3 >

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.

Remember me

Forgot your password?

Subscribe to this article's comments: RSS (what’s this?)