Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Replace your code with:</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;link href="Styles/Copy%20of%20Site.css" rel="stylesheet" type="text/css" /&gt; &lt;body style="height:335px;"&gt; &lt;div id="mainwrap"&gt; &lt;div id="header"&gt;&lt;p&gt;A fluid-width faux-columns example&lt;/p&gt;&lt;/div&gt; &lt;div id="contentarea" class="clearfix"&gt; &lt;div id="contentarea2" class="clearfix"&gt; &lt;div id="column2"&gt; &lt;p&gt;This layout uses absolute/relative positioning to position the side columns within their respective faux columns containers.&lt;/p&gt; &lt;p&gt;You can control the maximum and minimum widths of the fluid center area. Once the layout reaches its maximum width, it centers itself in the browser as the window gets wider.&lt;/p&gt; &lt;p&gt;Nulla scelerisque. Sed tincidunt. Quisque eu nisl. Phasellus mi ante, aliquet vel, vestibulum sit amet, consectetuer non, ante. Suspendisse consequat condimentum enim. Morbi vestibulum lorem sit amet enim. Nulla venenatis fermentum purus.&lt;/p&gt; &lt;p&gt;Nunc justo nisl, vulputate in, sagittis in, pretium sodales, magna. Nullam felis diam, bibendum ut, dictum in, tincidunt vitae, magna. Nunc mattis congue leo.&lt;/p&gt; &lt;/div&gt;&lt;!--end column2--&gt; &lt;div id="column1"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#"&gt;Link 1&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Link 2&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;Link 3&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt;&lt;!--end column1--&gt; &lt;div id="column3"&gt; &lt;p&gt;This template uses the Alsett clearing method.&lt;/p&gt; &lt;/div&gt;&lt;!--end column3--&gt; &lt;/div&gt;&lt;!--end contentarea2--&gt; &lt;/div&gt;&lt;!--end contentarea--&gt; &lt;/div&gt;&lt;!--end mainwrap--&gt; &lt;div id="footer" style="vertical-align:bottom;margin-top:100px;"&gt;This is the footer&lt;/div&gt; &lt;/body&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload