<?xml version="1.0" encoding="UTF-8"?><!-- generator="wordpress/2.3.3" -->
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	>
<channel>
	<title>Comments on: Cross-browser transparent columns</title>
	<link>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/</link>
	<description>Just another WordPress weblog</description>
	<pubDate>Sat, 05 Jul 2008 01:33:29 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.3.3</generator>
		<item>
		<title>By: Algunos trucos CSS &#171; ddsign</title>
		<link>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/#comment-85</link>
		<dc:creator>Algunos trucos CSS &#171; ddsign</dc:creator>
		<pubDate>Mon, 16 Jun 2008 19:07:02 +0000</pubDate>
		<guid>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/#comment-85</guid>
		<description>[...] Barras de búsqueda con la técnica de reemplazo de imágenes.  Imágenes transparentes en varios navegadores.  Columnas transparentes para varios navegadores [...]</description>
		<content:encoded><![CDATA[<p>[&#8230;] Barras de búsqueda con la técnica de reemplazo de imágenes.  Imágenes transparentes en varios navegadores.  Columnas transparentes para varios navegadores [&#8230;]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Alicia Silverstone Blog &#187; The Alicia, Mary Beth, Paris and Sandra Show</title>
		<link>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/#comment-82</link>
		<dc:creator>Alicia Silverstone Blog &#187; The Alicia, Mary Beth, Paris and Sandra Show</dc:creator>
		<pubDate>Wed, 21 May 2008 04:13:10 +0000</pubDate>
		<guid>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/#comment-82</guid>
		<description>[...] Bits &#38; PixelsBlog ArchiveCrossbrowser transparent columns [...]</description>
		<content:encoded><![CDATA[<p>[&#8230;] Bits &amp; PixelsBlog ArchiveCrossbrowser transparent columns [&#8230;]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: links for 2008-05-19 &#8212; Orangescale.NET / Thomas Arie Setiawan</title>
		<link>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/#comment-81</link>
		<dc:creator>links for 2008-05-19 &#8212; Orangescale.NET / Thomas Arie Setiawan</dc:creator>
		<pubDate>Mon, 19 May 2008 00:34:45 +0000</pubDate>
		<guid>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/#comment-81</guid>
		<description>[...] Cross-browser transparent columns how do we create transparent columns that can work in all browsers? (tags: css transparency webdesign tutorial png) [...]</description>
		<content:encoded><![CDATA[<p>[&#8230;] Cross-browser transparent columns how do we create transparent columns that can work in all browsers? (tags: css transparency webdesign tutorial png) [&#8230;]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Using CSS to Do Anything: 50+ Creative Examples and Tutorials &#124; SEO &#38; Web Design</title>
		<link>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/#comment-74</link>
		<dc:creator>Using CSS to Do Anything: 50+ Creative Examples and Tutorials &#124; SEO &#38; Web Design</dc:creator>
		<pubDate>Tue, 06 May 2008 08:13:56 +0000</pubDate>
		<guid>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/#comment-74</guid>
		<description>[...] Cross-browser straight columns- How to create straight columns that crapper impact in every browsers. By using the incomprehensibility concept and ease having the noesis opaque. Floats impact likewise - which makes it doable to create multi-column transparent-column layouts. [...]</description>
		<content:encoded><![CDATA[<p>[&#8230;] Cross-browser straight columns- How to create straight columns that crapper impact in every browsers. By using the incomprehensibility concept and ease having the noesis opaque. Floats impact likewise - which makes it doable to create multi-column transparent-column layouts. [&#8230;]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Using CSS to Do Anything: 50+ Creative Examples and Tutorials</title>
		<link>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/#comment-73</link>
		<dc:creator>Using CSS to Do Anything: 50+ Creative Examples and Tutorials</dc:creator>
		<pubDate>Mon, 21 Apr 2008 22:36:53 +0000</pubDate>
		<guid>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/#comment-73</guid>
		<description>[...] Cross-browser transparent columns- How to create transparent columns that can work in all browsers. By using the opacity property and still having the content opaque. Floats work too - which makes it possible to create multi-column transparent-column layouts. [...]</description>
		<content:encoded><![CDATA[<p>[&#8230;] Cross-browser transparent columns- How to create transparent columns that can work in all browsers. By using the opacity property and still having the content opaque. Floats work too - which makes it possible to create multi-column transparent-column layouts. [&#8230;]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: 123</title>
		<link>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/#comment-72</link>
		<dc:creator>123</dc:creator>
		<pubDate>Wed, 16 Apr 2008 08:19:54 +0000</pubDate>
		<guid>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/#comment-72</guid>
		<description>[...] Cross-browser transparent columns     Оставить комментарий Comment RSS     Назад: Три подхода в [...]</description>
		<content:encoded><![CDATA[<p>[&#8230;] Cross-browser transparent columns     Оставить комментарий Comment RSS     Назад: Три подхода в [&#8230;]</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: tony</title>
		<link>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/#comment-69</link>
		<dc:creator>tony</dc:creator>
		<pubDate>Sun, 06 Apr 2008 18:25:33 +0000</pubDate>
		<guid>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/#comment-69</guid>
		<description>Check out this screenshot http://flickr.com/photos/tonetheman/2392605373/ of your example page on IE5.

It works! good stuff</description>
		<content:encoded><![CDATA[<p>Check out this screenshot <a href="http://flickr.com/photos/tonetheman/2392605373/" rel="nofollow">http://flickr.com/photos/tonetheman/2392605373/</a> of your example page on IE5.</p>
<p>It works! good stuff</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Joe</title>
		<link>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/#comment-68</link>
		<dc:creator>Joe</dc:creator>
		<pubDate>Sat, 05 Apr 2008 22:31:37 +0000</pubDate>
		<guid>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/#comment-68</guid>
		<description>Hi Fredrik!

First, I want to say thanks for releasing your work and putting this great tutorial out for everyone to use. It came just in time for when I began building my wedding website.

Your technique worked great and all items displayed properly locally in Firefox and IE7. Unfortunately, when I used the technique on some static pages in Wordpress I set up for the wedding site, the transparent overlay layers won't stretch down any longer in IE.

You can take a look here: http://granola-joe.com/wedding/

Any help is greatly appreciated. Unfortunately, I think most of the visitors to our site are going to be older and using IE :(</description>
		<content:encoded><![CDATA[<p>Hi Fredrik!</p>
<p>First, I want to say thanks for releasing your work and putting this great tutorial out for everyone to use. It came just in time for when I began building my wedding website.</p>
<p>Your technique worked great and all items displayed properly locally in Firefox and IE7. Unfortunately, when I used the technique on some static pages in Wordpress I set up for the wedding site, the transparent overlay layers won&#8217;t stretch down any longer in IE.</p>
<p>You can take a look here: <a href="http://granola-joe.com/wedding/" rel="nofollow">http://granola-joe.com/wedding/</a></p>
<p>Any help is greatly appreciated. Unfortunately, I think most of the visitors to our site are going to be older and using IE <img src='http://bitsamppixels.com/wp-includes/images/smilies/icon_sad.gif' alt=':(' class='wp-smiley' /></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Vladimir</title>
		<link>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/#comment-61</link>
		<dc:creator>Vladimir</dc:creator>
		<pubDate>Mon, 24 Mar 2008 03:34:38 +0000</pubDate>
		<guid>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/#comment-61</guid>
		<description>&#62; Another downside is that each column needs 
&#62; it’s own id and it’s own CSS rule for IE6.

I think this can be easily overcome - say, if you use class (eg, column) instead of id for the parent container. Then we can have only one CSS rule that deals with overlay's height:

* html .column .overlay {
  height: expression(this.parentNode.offsetHeight + 'px');
}

Yes, and for the old Konqueror you will need to add -khtml-opacity into CSS.</description>
		<content:encoded><![CDATA[<p>&gt; Another downside is that each column needs<br />
&gt; it’s own id and it’s own CSS rule for IE6.</p>
<p>I think this can be easily overcome - say, if you use class (eg, column) instead of id for the parent container. Then we can have only one CSS rule that deals with overlay&#8217;s height:</p>
<p>* html .column .overlay {<br />
  height: expression(this.parentNode.offsetHeight + &#8216;px&#8217;);<br />
}</p>
<p>Yes, and for the old Konqueror you will need to add -khtml-opacity into CSS.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Cross-Browser CSS Transparency with Opaque Content</title>
		<link>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/#comment-56</link>
		<dc:creator>Cross-Browser CSS Transparency with Opaque Content</dc:creator>
		<pubDate>Fri, 07 Mar 2008 05:42:43 +0000</pubDate>
		<guid>http://bitsamppixels.com/2008/02/11/cross-browser-transparent-columns/#comment-56</guid>
		<description>[...] The Bits&#38;Pixels blog demonstrates this effect [...]</description>
		<content:encoded><![CDATA[<p>[&#8230;] The Bits&amp;Pixels blog demonstrates this effect [&#8230;]</p>
]]></content:encoded>
	</item>
</channel>
</rss>
