<?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; Coding</title>
	<atom:link href="http://mauzon.com/category/coding/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>Simplest Classname Switcher</title>
		<link>http://mauzon.com/simple_classname_switcher/</link>
		<comments>http://mauzon.com/simple_classname_switcher/#comments</comments>
		<pubDate>Tue, 29 May 2007 09:12:17 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.mauzon.com/?p=81</guid>
		<description><![CDATA[Simplest JS function to add/remove custom classname with carrying about another classes.
just to remember.


function toggleClassName(obj,sClassName,switcher){
	if(switcher){
		if(obj.className.indexOf(sClassName)==-1)
			obj.className=obj.className + ' ' + sClassName;
	}else{
		var re = new RegExp(sClassName,'g');
		obj.className=obj.className.replace(re,'');
	}
}

sapienti sat
]]></description>
		<wfw:commentRss>http://mauzon.com/simple_classname_switcher/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>We&#8217;re in Cannes at MipTV Content 360 Pitching Competition</title>
		<link>http://mauzon.com/were-in-cannes-at-miptv-content-360-pitchin-competition/</link>
		<comments>http://mauzon.com/were-in-cannes-at-miptv-content-360-pitchin-competition/#comments</comments>
		<pubDate>Mon, 16 Apr 2007 10:21:47 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[Coding]]></category>
		<category><![CDATA[Just another blog]]></category>

		<guid isPermaLink="false">http://www.mauzon.com/?p=80</guid>
		<description><![CDATA[links:
MipTV Media Market
Content 360 Pitching Competition @ MipTV
our project/concept:
Cont-Act! Content Actual. Link Different! is in BBC&#8217;s category &#8220;On-demand Participation&#8221; 
Support us!  
P.S. We won!
]]></description>
		<wfw:commentRss>http://mauzon.com/were-in-cannes-at-miptv-content-360-pitchin-competition/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vertical alignment: height and IE7</title>
		<link>http://mauzon.com/vertical-alignment-height-and-ie7/</link>
		<comments>http://mauzon.com/vertical-alignment-height-and-ie7/#comments</comments>
		<pubDate>Wed, 25 Oct 2006 20:43:27 +0000</pubDate>
		<dc:creator>Alex</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Coding]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://www.mauzon.com/?p=78</guid>
		<description><![CDATA[There is no brand new subject, really.
even 2 old articles (Vertical centering using CSS and CSS Vertical Centering again)  from this blog.
2 problems:
1) Small height: if browser height is smaller than main container (for all browsers):

function adjustHeight(){
&#160;&#160;&#160;if(document.body.offsetHeight &#62; 450){
&#160;&#160;&#160;&#160;&#160;&#160;document.body.style.height='100'+'%';
&#160;&#160;&#160;}else{
&#160;&#160;&#160;&#160;&#160;&#160;document.body.style.height='450px';
&#160;&#160;&#160;}
}
onload and onresize, of course.
2) IE7: this rule:
#ContainerDiv {position: relative; top: -50%;}
moves the #ContainerDiv above the [...]]]></description>
		<wfw:commentRss>http://mauzon.com/vertical-alignment-height-and-ie7/feed/</wfw:commentRss>
		<slash:comments>5</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>
	</channel>
</rss>
