<?xml version="1.0" encoding="UTF-8" ?>

<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
<channel>
    <title>Posteet: min-width</title> 
    <link>http://www.posteet.com/</link> 
    <description>Recent posteets posted to Posteet</description>
    <ttl>60</ttl>

    
    <item>
        <title>Hacks CSS pour min-width, max-width, min-height, max-height pour IE</title>
        <link>http://www.posteet.com/view/354</link>
        <description>
        <![CDATA[<pre>// max-width
// Ce code dit que si la largeur du document est supérieure à 1000px, alors il sera forcé à 1000px, sinon il restera à &quot;auto&quot;. Si javascript est désactivé alors la largeur sera de 770px;
&lt;!--[if lt IE 7]&gt;
&lt;style type=&quot;text/css&quot;&gt;
div {
width:770px;
width:expression(document.body.clientWidth &gt;= 1000? &quot;1000px&quot;: &quot;auto&quot; );
}
&lt;/style&gt;
&lt;![endif]--&gt;

// min-width
// Le code dit que si la largeur du document est inférieure à 600px, alors elle est forcée à 600px (il y a donc une apparition des barres d'ascenseur horizontales au seuil de 600px). Si JavaScript n'est pas actif, alors la largeur est fixée à 770px.
&lt;!--[if lt IE 7]&gt;
&lt;style type=&quot;text/css&quot;&gt;
div {
width:770px;
width:expression(document.body.clientWidth &lt;= 600? &quot;600px&quot;: &quot;auto&quot; );
}
&lt;/style&gt;
&lt;![endif]--&gt;

// min-width et max-width en meme temps
&lt;!--[if lt IE 7]&gt;
&lt;style type=&quot;text/css&quot;&gt;
div {
width:770px;
width: expression(document.body.clientWidth &lt;= 600? &quot;600px&quot; : document.body.clientWidth &gt;= 1000? &quot;1000px&quot; : &quot;auto&quot;);
}
&lt;/style&gt;
&lt;![endif]--&gt;

// max-height
// Le code dit que si la largeur du document est inférieure à 600px, alors elle est forcée à 600px (il y'a donc une apparition des barres d'ascenseur horizontales au seuil de 600px).
&lt;!--[if lt IE 7]&gt;
&lt;style type=&quot;text/css&quot;&gt;
div {
height: 500px;
overflow:hidden;
height:expression(
this.scrollHeight &gt; 800? &quot;800px&quot; : &quot;auto&quot; );
}
&lt;/style&gt;
&lt;![endif]--&gt;</pre> <a href="http://www.posteet.com/tags/css">[css]</a>  <a href="http://www.posteet.com/tags/hacks">[hacks]</a>  <a href="http://www.posteet.com/tags/ie">[ie]</a>  <a href="http://www.posteet.com/tags/max-height">[max-height]</a>  <a href="http://www.posteet.com/tags/max-width">[max-width]</a>  <a href="http://www.posteet.com/tags/min-height">[min-height]</a>  <a href="http://www.posteet.com/tags/min-width">[min-width]</a> ]]>        </description>
        <dc:creator>spirit</dc:creator>
        <pubDate>Sat, 10 Nov 2007 13:50:06 +0000</pubDate>

            <category>css</category>
            <category>hacks</category>
            <category>ie</category>
            <category>max-height</category>
            <category>max-width</category>
            <category>min-height</category>
            <category>min-width</category>
    
    </item>


</channel>
</rss>
