<?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; CSS</title>
	<atom:link href="http://mauzon.com/category/coding/css/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>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>
		<item>
		<title>onmouseout IE flickering problem</title>
		<link>http://mauzon.com/onmouseout-ie-flickering-problem/</link>
		<comments>http://mauzon.com/onmouseout-ie-flickering-problem/#comments</comments>
		<pubDate>Sun, 03 Sep 2006 14:07:14 +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=74</guid>
		<description><![CDATA[As we all know there is a problem for :hover pseudoclass for Microsoft Internet Explorer.
There are many solutions (eg csshover.htc) but all of them have one big and ugly problem: MS IE flickering on mouseout event.
I mean when you move your mouse WITHIN the object but over some child nodes mouse doesn&#8217;t leave the HOVERED [...]]]></description>
		<wfw:commentRss>http://mauzon.com/onmouseout-ie-flickering-problem/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>event:Selectors library</title>
		<link>http://mauzon.com/eventselectors-library/</link>
		<comments>http://mauzon.com/eventselectors-library/#comments</comments>
		<pubDate>Sat, 02 Sep 2006 23:50:36 +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=73</guid>
		<description><![CDATA[event:Selectors allow you to apply an event such as mouseover, mouseout, click, et al using a CSS style syntax. It keeps your layers separated and greatly reduces the amount of code you have to write.
event:Selectors library
]]></description>
		<wfw:commentRss>http://mauzon.com/eventselectors-library/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS: position: fixed; for IE (Internet Explorer)</title>
		<link>http://mauzon.com/css-position-fixed-for-ie-internet-explorer/</link>
		<comments>http://mauzon.com/css-position-fixed-for-ie-internet-explorer/#comments</comments>
		<pubDate>Tue, 22 Aug 2006 11:01:11 +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=72</guid>
		<description><![CDATA[position: fixed; is basically the same as position: absolute; except that when the user scrolls the page, the element does not scroll with it, it just says exactly where it was. There are many pages that want to use this in order to position logos or menus.
full article/source
Solution:


CSS:
#fixme {
  /* Netscape 4, IE 4.x-5.0/Win [...]]]></description>
		<wfw:commentRss>http://mauzon.com/css-position-fixed-for-ie-internet-explorer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
