<?xml version="1.0" encoding="utf-8"?>
<!-- generator="wordpress/1.5" -->
<rss version="2.0" 
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
>

<channel>
	<title>Alex Mauzon</title>
	<link>http://www.mauzon.com</link>
	<description>Some coding and programming tricks, ideas, notes: xHTML/dHTML, CSS, JavaScript etc</description>
	<copyright>Copyright 2007</copyright>
	<pubDate>Sun, 24 Feb 2008 18:29:28 +0000</pubDate>
	<generator>http://wordpress.org/?v=1.5</generator>

		<item>
		<title>An ultimate solution for IE6 position: fixed problem</title>
		<link>http://www.mauzon.com/?p=89</link>
		<comments>http://www.mauzon.com/?p=89#comments</comments>
		<pubDate>Wed, 26 Sep 2007 06:25:05 +0000</pubDate>
		
	<category>Coding</category>
	<category>CSS</category>
	<category>JavaScript</category>
	<category>HTML</category>
	<category>DOM</category>		<guid>http://www.mauzon.com/?p=89</guid>
		<description>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://www.mauzon.com/wp-commentsrss2.php?p=89</wfw:commentRSS>
	</item>
		<item>
		<title>How to implement :first-child and directly nested children for IE6</title>
		<link>http://www.mauzon.com/?p=88</link>
		<comments>http://www.mauzon.com/?p=88#comments</comments>
		<pubDate>Wed, 26 Sep 2007 06:01:29 +0000</pubDate>
		
	<category>Coding</category>
	<category>CSS</category>
	<category>HTML</category>
	<category>DOM</category>		<guid>http://www.mauzon.com/?p=88</guid>
		<description>Correct CSS:

#someid div {color: blue;}
#someid div:first-child {color: red;}
#someid &gt; div {color: green;}
#someid div div {padding-left: 2em;} 
/* 
just to show some indend and separate direct children to nested ones 
*/


IE6 CSS:

&lt;!--[if IE 6]&gt;
&lt;style type="text/css"&gt;
/* 
FIRST CHILD AND NESTED CHILDRED:
1st one for :first-child
2nd one for all other directly nested childred
*/
#someid div {
&nbsp;&nbsp;color: expression(this.previousSibling == null ? [...]</description>
		<wfw:commentRSS>http://www.mauzon.com/wp-commentsrss2.php?p=88</wfw:commentRSS>
	</item>
		<item>
		<title>How to center floating list (navigation)</title>
		<link>http://www.mauzon.com/?p=87</link>
		<comments>http://www.mauzon.com/?p=87#comments</comments>
		<pubDate>Mon, 13 Aug 2007 21:10:11 +0000</pubDate>
		
	<category>Coding</category>
	<category>CSS</category>
	<category>HTML</category>		<guid>http://www.mauzon.com/?p=87</guid>
		<description>Some time ago I used to think this problem can't be correctly resolved without tables.
Imagine, you have a list of  elements (each element's width is unknown - read: variable)  that should be blocks (for example you have to add background on hover or make any other helpful things you can't handle with inline [...]</description>
		<wfw:commentRSS>http://www.mauzon.com/wp-commentsrss2.php?p=87</wfw:commentRSS>
	</item>
		<item>
		<title>Weird horizontal scrolling problem in IE7?</title>
		<link>http://www.mauzon.com/?p=86</link>
		<comments>http://www.mauzon.com/?p=86#comments</comments>
		<pubDate>Mon, 06 Aug 2007 19:10:33 +0000</pubDate>
		
	<category>Coding</category>
	<category>CSS</category>
	<category>HTML</category>		<guid>http://www.mauzon.com/?p=86</guid>
		<description>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 &lt;br /&gt;!

Solution (using IE7 conditional comments): 

&lt;!–-[if IE 7]&gt;
&#160;&#160;br {left: -1000px;}
&lt;![endif]--&gt;


Why does it work? Ask IE7 creaters WHY. 
Don't [...]</description>
		<wfw:commentRSS>http://www.mauzon.com/wp-commentsrss2.php?p=86</wfw:commentRSS>
	</item>
		<item>
		<title>Pseudoclasses :first-child and :last-child for IE6</title>
		<link>http://www.mauzon.com/?p=85</link>
		<comments>http://www.mauzon.com/?p=85#comments</comments>
		<pubDate>Wed, 01 Aug 2007 15:38:03 +0000</pubDate>
		
	<category>Coding</category>
	<category>CSS</category>
	<category>HTML</category>
	<category>DOM</category>		<guid>http://www.mauzon.com/?p=85</guid>
		<description>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):

&lt;!–-[if IE 6]&gt;
#subnav li {background-color: expression(this.previousSibling==null?'red':'green');}
&lt;![endif]--&gt;

Similar to :last-child 
Instead of this.previousSibling==null there should be this.nextSibling==null
 </description>
		<wfw:commentRSS>http://www.mauzon.com/wp-commentsrss2.php?p=85</wfw:commentRSS>
	</item>
	</channel>
</rss>
