<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="FeedCreator 1.8" -->
<?xml-stylesheet href="https://www.riksoft.it/wikiriks/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="https://www.riksoft.it/wikiriks/feed.php">
        <title>WikiRiks - css</title>
        <description></description>
        <link>https://www.riksoft.it/wikiriks/</link>
        <image rdf:resource="https://www.riksoft.it/wikiriks/_media/wiki/logo.png" />
       <dc:date>2026-08-05T08:23:48+00:00</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="https://www.riksoft.it/wikiriks/css/overflow-x-not-working"/>
                <rdf:li rdf:resource="https://www.riksoft.it/wikiriks/css/position-absolute-relative-to-a-container"/>
                <rdf:li rdf:resource="https://www.riksoft.it/wikiriks/css/responsive-design-breakpoints-table"/>
                <rdf:li rdf:resource="https://www.riksoft.it/wikiriks/css/start"/>
                <rdf:li rdf:resource="https://www.riksoft.it/wikiriks/css/tab-size-for-a-decent-tab-width"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="https://www.riksoft.it/wikiriks/_media/wiki/logo.png">
        <title>WikiRiks</title>
        <link>https://www.riksoft.it/wikiriks/</link>
        <url>https://www.riksoft.it/wikiriks/_media/wiki/logo.png</url>
    </image>
    <item rdf:about="https://www.riksoft.it/wikiriks/css/overflow-x-not-working">
        <dc:format>text/html</dc:format>
        <dc:date>2014-09-03T15:14:34+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>CSS Overflow-x not working</title>
        <link>https://www.riksoft.it/wikiriks/css/overflow-x-not-working</link>
        <description>CSS Overflow-x not working

If your div doen&#039;t scroll it is quite surely because you haven&#039;t use a magic word in your CSS


#divscroll{
	width: 500px;
	overflow-x: auto;
	white-space: nowrap;
}


without white-space: nowrap the text wraps so the div doesn&#039;t need to scroll.
If you block the wrap (due to the white space) the div is surely going to scroll.</description>
    </item>
    <item rdf:about="https://www.riksoft.it/wikiriks/css/position-absolute-relative-to-a-container">
        <dc:format>text/html</dc:format>
        <dc:date>2014-09-03T15:17:38+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>CSS Position absolute relative to a container</title>
        <link>https://www.riksoft.it/wikiriks/css/position-absolute-relative-to-a-container</link>
        <description>CSS Position absolute relative to a container

If you are here it&#039;s because probably you are looking for the reason why your inner div don&#039;t obey to your “right:0” or similar absolute positioning command relative to the upper div.

Say we have
double indent,</description>
    </item>
    <item rdf:about="https://www.riksoft.it/wikiriks/css/responsive-design-breakpoints-table">
        <dc:format>text/html</dc:format>
        <dc:date>2014-11-24T10:20:20+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>CSS: Responsive design breakpoints table</title>
        <link>https://www.riksoft.it/wikiriks/css/responsive-design-breakpoints-table</link>
        <description>CSS: Responsive design breakpoints table

This code can help you see/test in the page the responsiveness of your code.


&lt;div style=&quot;font-size:10px&quot;&gt;
	&lt;div style=&quot;width:240px;height:12px;background-color:#bfb&quot;&gt;240 Omnia2 V&lt;/div&gt;
	&lt;div style=&quot;width:320px;height:12px;background-color:#eee&quot;&gt;320 S3/S4 iPhone 4/5 V&lt;/div&gt;
	&lt;div style=&quot;width:360px;height:12px;background-color:#bfb&quot;&gt;360 S5 V&lt;/div&gt;
	&lt;div style=&quot;width:375px;height:12px;background-color:#eee&quot;&gt;375 iPhone 6 V&lt;/div&gt;
	&lt;div style=&quot;width:400px;h…</description>
    </item>
    <item rdf:about="https://www.riksoft.it/wikiriks/css/start">
        <dc:format>text/html</dc:format>
        <dc:date>2014-08-29T12:14:13+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>CSS</title>
        <link>https://www.riksoft.it/wikiriks/css/start</link>
        <description>CSS

Tips and tricks about Cascading Style Sheets.

----------

Table of contents
css index</description>
    </item>
    <item rdf:about="https://www.riksoft.it/wikiriks/css/tab-size-for-a-decent-tab-width">
        <dc:format>text/html</dc:format>
        <dc:date>2014-09-03T15:20:53+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>CSS tab-size for a decent tab width indentation</title>
        <link>https://www.riksoft.it/wikiriks/css/tab-size-for-a-decent-tab-width</link>
        <description>CSS tab-size for a decent tab width indentation

I hate indenting code with spaces. It is illogical and crazy.
Luckily every good editor for programming let us choose between space and tab indentation. The only problem of the tab indentation comes up on webpages because the html rendering usually shows 8 spaces for each tab (tab=character U+0009).</description>
    </item>
</rdf:RDF>
