Another media block solution?

[Murray]

Hi Nicole... and everyone.

I noticed at the end of your blog post about the media block, Paul Irish linked to an interesting example of the media block done without overflow: hidden;

http://jsfiddle.net/necolas/rZvEF/

Have you considered adding this to your version? Or are there complications with the way it's done?

Murray.

[Nicole Sullivan]

Yup, facebook uses that one too. I'm committed to having grids, template, and media block use the same method so that there are consistent bugs. Beyond that there are several good methods:

1. overflow hidden without use of position relative (doesn't crop)

2. table-cell with content set to x x x x x x x etc

3. table cell with a large width set

All of them work. I like overflow hidden the best, but I'm not sure we can give up position relative.

N

Murray.

--
You received this message because you are subscribed to the Google Groups "Object Oriented CSS" group.
To view this discussion on the web visit https://groups.google.com/d/msg/object-oriented-css/-/NCJ8ZRzlcusJ.
To post to this group, send email to object-or...@googlegroups.com.
To unsubscribe from this group, send email to object-oriented...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/object-oriented-css?hl=en.

[Sam Hunter]

Why not add another class to override cropping, the OOCSS way. No?

Regards,

Samuel Hunter

[Murray Nuttall]

I have just put together a basic jsfiddle showing .media and .mod using this alternate solution:

http://jsfiddle.net/2jc9L/ 

It seems to work well, even in IE6