<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>CSS on MemoryLeak</title><link>https://blog.memoryleak.ovh/tags/css/</link><description>Recent content in CSS on MemoryLeak</description><generator>Hugo</generator><language>fr</language><lastBuildDate>Tue, 31 Mar 2009 09:41:00 +0000</lastBuildDate><atom:link href="https://blog.memoryleak.ovh/tags/css/index.xml" rel="self" type="application/rss+xml"/><item><title>Webkit... ou comment reproduire les erreurs du passé.</title><link>https://blog.memoryleak.ovh/posts/webkit-ou-comment-reproduire-les-erreurs-du-passe/</link><pubDate>Tue, 31 Mar 2009 09:41:00 +0000</pubDate><guid>https://blog.memoryleak.ovh/posts/webkit-ou-comment-reproduire-les-erreurs-du-passe/</guid><description>&lt;p&gt;A croire que l&amp;rsquo;histoire se répète indéfiniment, et qu’on ne tire pas de leçons du passé.&lt;/p&gt;
&lt;p&gt;Pourquoi ce coup de gueule ? Tout simplement parce que je viens de tomber sur une news qui présente les &lt;strong&gt;EXTRAORDINAIRES&lt;/strong&gt; nouvelles propriétés CSS du moteur Webkit (utilisé principalement par Safari et Google Chrome)…&lt;/p&gt;
&lt;p&gt;Attention mesdames et messieurs, jusqu’à maintenant on utilisait les CSS pour styler un élément, maintenant avec Webkit vous pouvez lui donner un comportement.&lt;/p&gt;</description></item><item><title>Overflow : l&amp;#39;attribut oublié.</title><link>https://blog.memoryleak.ovh/posts/overflow-l-39-attribut-oublie/</link><pubDate>Fri, 20 Jun 2008 08:23:00 +0000</pubDate><guid>https://blog.memoryleak.ovh/posts/overflow-l-39-attribut-oublie/</guid><description>&lt;p&gt;Hier, Jérome Berthaud, me parlait d&amp;rsquo;une découverte qu&amp;rsquo;il avait faite lors de son escapade nocturne de la veille sur la toile. Il cherchait une solution au sempiternel problème soulevé par les éléments &lt;code&gt;floatés&lt;/code&gt; à l&amp;rsquo;intérieur d&amp;rsquo;un autre élément de type &lt;code&gt;bloc&lt;/code&gt; et surtout comment revenir dans le flux normal du positionnement. Voici un exemple de ce cas de figure :&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" style="color:#f8f8f2;background-color:#282a36;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-text-size-adjust:none;"&gt;&lt;code class="language-fallback" data-lang="fallback"&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;## A Column
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; 
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;# Main Content
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span style="display:flex;"&gt;&lt;span&gt; Lorem ipsum
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;L&amp;rsquo;idée ici, est d&amp;rsquo;avoir une colonne (d&amp;rsquo;identifiant inner) ne prenant qu&amp;rsquo;une petite partie de l&amp;rsquo;espace d&amp;rsquo;affichage, par exemple une barre de navigation. Et bien sur le reste de l&amp;rsquo;écran réservé au contenu principal du site. Il nous est bien évidemment possible de définir la taille de cette colonne, mais de par sa nature d&amp;rsquo;élément de &lt;code&gt;block&lt;/code&gt;, le contenu principal va de facto se retrouver repoussé en dessous d&amp;rsquo;elle, à moins de choisir de la floater.&lt;/p&gt;</description></item></channel></rss>