Forums | MacLife

jdsmith575 · 2003-09-11 3:47 pm

This is the page in question

As I understand it, it is being rendered in IE 6 and Mozilla 1.4 properly (floats are taken out of the flow, correct?), which isn't how I want it to render. The footer, which normally sits below everything else, is riding behind the label span.

Take a look at some of the other pages for an idea of how the footer is normally placed.

Any suggestions as to how to get the footer back where it belongs? Oh, and I stole this from an AListApart article, in case you were wondering

The styles

Code:

#footer {
    text-align: center;
    font-size: x-small;
    padding: 0;
    margin: 0;
    }

.row {
    clear: both;
    padding-top: 10px;
    display: block;
    }
.row span.label {
    float: right;
    width: 190px;
    text-align: left;
    }
.row span.pic {
    float: left;
    width: 200px;
    text-align: left;
    }

The page

Code:

        &lt;div id=&quot;content&quot;&gt;
            &lt;div id=&quot;contentbox&quot;&gt;
                &lt;h1&gt;Summer 2003 Interns&lt;/h1&gt;
                &lt;p class=&quot;center&quot;&gt;
                    &lt;img src=&quot;./images/congressional/2003summer_group.jpg&quot; width=&quot;381&quot; height=&quot;256&quot; alt=&quot;Summer 2003 Interns&quot; /&gt;
                &lt;/p&gt;
                &lt;ul&gt;
                    &lt;li&gt;&lt;a href=&quot;./current/congressional/&quot;&gt;Program Information&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href=&quot;./current/congressional/guidelines/&quot;&gt;Guidelines&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href=&quot;./current/congressional/2003summer/&quot;&gt;Summer 2003 Interns&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href=&quot;./current/congressional/2003fall/&quot;&gt;Meet our Fall 2003 Interns&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href=&quot;./current/congressional/application/&quot;&gt;Online Application&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href=&quot;./current/congressional/photos/&quot;&gt;Photo Album&lt;/a&gt;&lt;/li&gt;
                    &lt;li&gt;&lt;a href=&quot;./current/congressional/contacts&quot;&gt;Contacts&lt;/a&gt;&lt;/li&gt;
                &lt;/ul&gt;
                &lt;p class=&quot;row&quot;&gt;
                    &lt;span class=&quot;pic&quot;&gt;&lt;img src=&quot;./images/congressional/harris_deidrea.jpg&quot; height=&quot;282&quot; width=&quot;200&quot; alt=&quot;Deidea Harris&quot; /&gt;&lt;/span&gt;
                    &lt;span class=&quot;label&quot;&gt;
                        &lt;p&gt;
                            Deidrea Harris&lt;br /&gt;
                            Agricultural Communications&lt;br /&gt;
                            Pearland, Texas&lt;br /&gt;
                            Congressman Kevin Brady
                        &lt;/p&gt;
                    &lt;/span&gt;
                &lt;/p&gt;
####SNIP####                
    
                &lt;p class=&quot;toplink&quot;&gt;
                    &lt;a href=&quot;./current/congressional/2003summer/#header&quot;&gt;Top&lt;/a&gt;
                &lt;/p&gt;
                &lt;p id=&quot;footer&quot;&gt;
                    &lt;?php include(&quot;http://www.casnr.ttu.edu/testing/footer.php&quot;); ?&gt;
                &lt;/p&gt;
            &lt;/div&gt;
        &lt;/div&gt;

The footer

Code:

&lt;?php
    print &quot;Copyright &amp;copy; 2003 &lt;a href=\&quot;http://www.ttu.edu\&quot;&gt;Texas Tech University&lt;/a&gt;&lt;br /&gt;\n&quot;;
    print &quot;\t\t\t\t\tAll Rights Reserved&lt;br /&gt;\n&quot;;
    print &quot;\t\t\t\t\t&lt;a href=\&quot;mailto:arcjobposting@hotmail.com\&quot;&gt;Webmaster&lt;/a&gt; | &lt;a href=\&quot;http://www.ttu.edu/privpolicy.php\&quot;&gt;TTU Privacy Policy&lt;/a&gt; | &lt;a href=\&quot;./sitemap/\&quot;&gt;Site Map&lt;/a&gt;\n&quot;;
?&gt;

Any suggestions? Also, any commentary on the site would be greatly appreciated.

Scott · 2003-09-11 6:05 pm

add clear:both to the footer.

jdsmith575 · 2003-09-11 9:36 pm

Thanks Scott. I'll give it a try tomorrow.

jdsmith575 · 2003-09-12 12:09 pm

That seems to have worked. Thanks.

Forums | MacLife

#1 2003-09-11 3:47 pm

Help with float and footer placement

Code:

Code:

Code:

#2 2003-09-11 6:05 pm

Re: Help with float and footer placement

#3 2003-09-11 9:36 pm

Re: Help with float and footer placement

#4 2003-09-12 12:09 pm

Re: Help with float and footer placement

Board footer