<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Alex Mauzon &#187; HTML</title>
	<atom:link href="http://mauzon.com/category/coding/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://mauzon.com</link>
	<description>Coding and programming tricks, ideas, notes: xHTML, CSS, JS etc</description>
	<lastBuildDate>Tue, 29 Sep 2009 20:49:40 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>An ultimate solution for IE6 position: fixed problem</title>
		<link>http://mauzon.com/an-ultimate-solution-for-ie6-position-fixed-problem/</link>
		<comments>http://mauzon.com/an-ultimate-solution-for-ie6-position-fixed-problem/#comments</comments>
		<pubDate>Wed, 26 Sep 2007 06:25:05 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[DOM]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.mauzon.com/?p=89</guid>
		<description><![CDATA[Most important (and complex) problem is to position some container in the vertical center of long page (with scroller) in IE6.
This is an ultimate solution (at least I think so) and I have to say HUGE THANKS to Vadim Makeev aka Pepelsbey for urgent and completely satisfactory help.
This is code fragment from working site and [...]]]></description>
		<wfw:commentRss>http://mauzon.com/an-ultimate-solution-for-ie6-position-fixed-problem/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>How to implement :first-child and directly nested children for IE6</title>
		<link>http://mauzon.com/first-child-and-directly-nested-children-for-ie6/</link>
		<comments>http://mauzon.com/first-child-and-directly-nested-children-for-ie6/#comments</comments>
		<pubDate>Wed, 26 Sep 2007 06:01:29 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[DOM]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.mauzon.com/?p=88</guid>
		<description><![CDATA[Correct CSS:

#someid div {color: blue;}
#someid div:first-child {color: red;}
#someid &#62; div {color: green;}
#someid div div {padding-left: 2em;}
/*
just to show some indend and separate direct children to nested ones
*/

IE6 CSS:

&#60;!--[if IE 6]&#62;
&#60;style type="text/css"&#62;
/*
FIRST CHILD AND NESTED CHILDRED:
1st one for :first-child
2nd one for all other directly nested childred
*/
#someid div {
&#160;&#160;color: expression(this.previousSibling == null ? 'red' : (this.parentNode.id == [...]]]></description>
		<wfw:commentRss>http://mauzon.com/first-child-and-directly-nested-children-for-ie6/feed/</wfw:commentRss>
		<slash:comments>28</slash:comments>
		</item>
		<item>
		<title>How to center floating list (navigation)</title>
		<link>http://mauzon.com/how-to-center-floating-list-navigation/</link>
		<comments>http://mauzon.com/how-to-center-floating-list-navigation/#comments</comments>
		<pubDate>Mon, 13 Aug 2007 21:10:11 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.mauzon.com/?p=87</guid>
		<description><![CDATA[Some time ago I used to think this problem can&#8217;t be correctly resolved without tables.
Imagine, you have a list of  elements (each element&#8217;s width is unknown &#8211; read: variable)  that should be blocks (for example you have to add background on hover or make any other helpful things you can&#8217;t handle with inline [...]]]></description>
		<wfw:commentRss>http://mauzon.com/how-to-center-floating-list-navigation/feed/</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>Weird horizontal scrolling problem in IE7?</title>
		<link>http://mauzon.com/weird-horizontal-scrolling-in-ie7/</link>
		<comments>http://mauzon.com/weird-horizontal-scrolling-in-ie7/#comments</comments>
		<pubDate>Mon, 06 Aug 2007 19:10:33 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.mauzon.com/?p=86</guid>
		<description><![CDATA[Nothing is wider than usual, absolutely no reason to have scroller?
And IE7 only.
You can spend hours and hours trying to remove blocks (one after another).
I found the reason (reason?! ha! a creater of this crazy behavior).
Tag &#60;br /&#62;!
Solution (using IE7 conditional comments):

&#60;!–-[if IE 7]&#62;
&#160;&#160;br {left: -1000px;}
&#60;![endif]--&#62;

Why does it work? Ask IE7 creaters WHY.
Don&#8217;t forget to [...]]]></description>
		<wfw:commentRss>http://mauzon.com/weird-horizontal-scrolling-in-ie7/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Pseudoclasses :first-child and :last-child for IE6</title>
		<link>http://mauzon.com/pseudoclasses-first-child-and-last-child-for-ie6/</link>
		<comments>http://mauzon.com/pseudoclasses-first-child-and-last-child-for-ie6/#comments</comments>
		<pubDate>Wed, 01 Aug 2007 15:38:03 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[DOM]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.mauzon.com/?p=85</guid>
		<description><![CDATA[Regular CSS for FF, IE7, Opera, Safari:

#subnav li {background-color: green;}
#subnav li:first-child {background-color: red;}

CSS for IE 6 (using conditional comments):

&#60;!–-[if IE 6]&#62;
#subnav li {background-color: expression(this.previousSibling==null?'red':'green');}
&#60;![endif]--&#62;

Similar to :last-child
Instead of this.previousSibling==null there should be this.nextSibling==null
]]></description>
		<wfw:commentRss>http://mauzon.com/pseudoclasses-first-child-and-last-child-for-ie6/feed/</wfw:commentRss>
		<slash:comments>44</slash:comments>
		</item>
		<item>
		<title>Crash your IE6</title>
		<link>http://mauzon.com/crash-your-ie6/</link>
		<comments>http://mauzon.com/crash-your-ie6/#comments</comments>
		<pubDate>Wed, 30 May 2007 07:47:11 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[DOM]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.mauzon.com/?p=82</guid>
		<description><![CDATA[Do you want to crash your visitors IE6?
Add &#60;div id=&#34;tags&#34;&#62;anything&#60;/div&#62; to your page and suggest them to print it.
To avoid printing crash for IE6 just avoid id name tags
It seems it works (umm, crashes) to &#8220;native&#8221; IE6 and doesn&#8217;t work to IE6 within MultipleIE installation.
]]></description>
		<wfw:commentRss>http://mauzon.com/crash-your-ie6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TextSize (font-size): EM vs %</title>
		<link>http://mauzon.com/textsize-font-size-em-vs/</link>
		<comments>http://mauzon.com/textsize-font-size-em-vs/#comments</comments>
		<pubDate>Wed, 13 Sep 2006 13:43:34 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.mauzon.com/?p=77</guid>
		<description><![CDATA[Don&#8217;t use em for font-size. Use %.
Usually 1em=100%.
Create a model:

&#60;p style="font-size: 1em;"&#62;1 em Lorem Ipsum text&#60;/p&#62;
&#60;p style="font-size: 100%;"&#62;100% Lorem Ipsum text&#60;/p&#62;

Then try to change text size (IE: View -> Text Size or Ctrl+Scroll) and you&#8217;ll get the difference.
But better just save the time and don&#8217;t use ems  
Disclamer: of course px is EVIL  [...]]]></description>
		<wfw:commentRss>http://mauzon.com/textsize-font-size-em-vs/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Web Developer Toolbar &amp; Menu for Opera</title>
		<link>http://mauzon.com/web-developer-toolbar-menu-for-opera/</link>
		<comments>http://mauzon.com/web-developer-toolbar-menu-for-opera/#comments</comments>
		<pubDate>Fri, 12 May 2006 10:27:42 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[DOM]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Software]]></category>

		<guid isPermaLink="false">http://www.mauzon.com/?p=67</guid>
		<description><![CDATA[The web developer toolbar is a menu and toolbar setup for Opera which brings together functions related to web development, validation services and links to standards and other documentation.
Very useful tool.
Get web developer toolbar and menu for Opera
]]></description>
		<wfw:commentRss>http://mauzon.com/web-developer-toolbar-menu-for-opera/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>gobarz.com</title>
		<link>http://mauzon.com/gobarzcom/</link>
		<comments>http://mauzon.com/gobarzcom/#comments</comments>
		<pubDate>Thu, 09 Feb 2006 21:33:15 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[DOM]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Software]]></category>

		<guid isPermaLink="false">http://www.mauzon.com/?p=62</guid>
		<description><![CDATA[Actually, it creates you a link you can use on your website. Anyone who will click on it &#8211; will have your website bookmarked in his Google Toolbar. Also &#8211; you can add your RSS feed straight to the Google toolbar with the use of this tool.
It’s free, fast and fresh, and we did it [...]]]></description>
		<wfw:commentRss>http://mauzon.com/gobarzcom/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vanilla forum?</title>
		<link>http://mauzon.com/vanilla-forum/</link>
		<comments>http://mauzon.com/vanilla-forum/#comments</comments>
		<pubDate>Mon, 14 Nov 2005 12:33:42 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://www.mauzon.com/?p=56</guid>
		<description><![CDATA[Lussumo Vanilla: they wrote this is &#8220;The Sweetest forum on the web&#8221;. Does anybody know what is this? I mean is it really best forum?   
]]></description>
		<wfw:commentRss>http://mauzon.com/vanilla-forum/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
