Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I used the <code>clear:both;</code> property to lower your copyright info below the left sidebar, and when the page is filled with content the copyright will lower with it. </p> <p>Here is the fixed HTML:</p> <pre><code>&lt;div class="bottom_content"&gt; &lt;div class="left_col"&gt; &lt;p&gt;Keeping up with Commpro.Biz&lt;/p&gt; &lt;div class="s_n_icons"&gt; &lt;img src="images/facebook.png" alt="facebook" /&gt; &lt;img src="images/flickr.png" alt="flickr" /&gt; &lt;img src="images/twitter.png" alt="twitter" /&gt; &lt;img src="images/youtube.png" alt="youtube" /&gt; &lt;/div&gt; &lt;p&gt;User Name:&lt;input ="text" size="20" name="username" value="" /&gt;&lt;/p&gt; &lt;p&gt;Password:&lt;input ="text" size="20" name="password" value="" /&gt;&lt;/p&gt; &lt;input type="button" value="submit" name="submit" /&gt; &lt;p&gt;&lt;a href="#"&gt;Forgot Username or Password?&lt;/a&gt; &lt;p&gt;Click &lt;a href="#"&gt;here&lt;/a&gt; to sign up to receive the Commpro.Biz newsletter.&lt;/p&gt; &lt;div id="twitter"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="right_col"&gt; &lt;p&gt;Our Partners&lt;/p&gt; &lt;img src="images/BW.jpg" alt="Warren Buffett" /&gt; &lt;img src="images/IR_PRNewswire.gif" alt="newswire" /&gt; &lt;img src="images/Sysomo.gif" alt="Sysomo" /&gt; &lt;/div&gt; &lt;div class="center_col"&gt; &lt;p&gt;What's Hot on Commpro.Biz&lt;/p&gt; &lt;div class="hot_item"&gt;hot item hot item hot item hot item hot item hot item hot itemhot item hot item&lt;/div&gt; &lt;/div&gt; &lt;div id="footer"&gt; &lt;p&gt;Copyright 2011 by CommproBiz&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; </code></pre> <p>An then the fixed CSS:</p> <pre><code>.left_col{ float:left; width:190px; height:auto; padding-right:5px; }.center_col{ margin-left:195px; margin-right:254px; width:auto; padding:0 10px; }.hot_item{ width:auto; background-color:red; }.hot_item a{ text-decoration:none; }.hot_item img{ float: right; vertical-align: top; }.right_col{ float:right; width:250px; position:relative; left:1px; padding-left:5px; }.right_col img{ margin:5px; }#footer{ clear:both; } </code></pre> <p>Hope that helps!</p>
    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.
 

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