Hi Travis, Have you found a solution to this yet?
A webpage is only ever as long as the content within it. You can make footers sit at the bottom of the screen by using javascript which works out the window size, I used it once (on http://www.eastwoodhill.org.nz/). But normally (and I reckon on your site) I wouldn't worry about it - I think it looks fine sitting at the bottom of the content. How about making the font size just a tad smaller, and add a bit more padding to the top of the footer and then you will create a visual distinction between the content and the footer. Cheers, Rachel -----Original Message----- From: [email protected] [mailto:[EMAIL PROTECTED] On Behalf Of Travis D. Falls Sent: Friday, 12 January 2007 1:11 p.m. To: [email protected] Subject: RE: [WSG] Site Question Tim I think you misunderstood what I was asking... I was looking for a tip on how to get the footer to actually extend to the foot of the page, I pasted the code so people could see how the code was done. I agree Tables aren't the way to lay things out but I needed to get this done fast and then good... ;-) I will be refactoring it again and again. I basically don't understand why specific containers when given 100% height aren't extending to 100%.... Thanks for the advice on the email address... I will do a C# contact form... again... I was doing this fast, then correct. I had 12 hrs to do it. :-) Thanks Travis -----Original Message----- From: [email protected] [mailto:[EMAIL PROTECTED] On Behalf Of Tim Sent: Thursday, January 11, 2007 6:34 PM To: [email protected] Subject: Re: [WSG] Site Question Dear Travis, You are asking a lot for a cut and paste job that it may take a lot of study to appreciate why you cannot slap a compliant site together with cut and paste and you should employ someone to make a template you can work with. Your page validates, but is not accessible. A couple of suggestions. It needs some meta META tags in the header. Language, Creation date content, keywords, etc. <meta name="Author"content="You" /> <meta name="language" content="en-uk" /> Using tables for layout requires much more attention to table headers and a summary. <th colspan="1" abbr="mobilephone"scope="col"title="About us">Services</th> You will be spammed to death with your email address in the page, create a contact page or hide the email address in some javascript. onclick="JavaScript:window.location='m'+'ail'+'to:' etc etc I had a few jobs making memorial webpages for deceased family members, offer clients an option of a memorial webpage, but contract the work out. Tim http://www.hereticpress.com On 12/01/2007, at 9:54 AM, Travis D. Falls wrote: > > > I am developing a site for my business. www.chamberlingranite.com. I > have pasted in the rendered code and the CSS. What I cant figure out > is: > > A I want the footer to appear at the bottom of the page not in the > middle when the content ends. > B I want to get that gradient to push down a bit. > > Any pointers would be greatly appreciated And if you see something > that you think just isnt done well let me know. I want to make this > the correct way. Thanks! > > Travis > > > *{ > margin:0px; > padding:0px; > border-collapse:collapse; > } > > html,body{ > } > > > body { > font-family:Verdana, Arial, Serif; > font-size:100%; > width:100%; > vertical-align:top; > text-align:center; > background-image:url("images/BackgroundTileColor.jpg"); > } > > a{ > text-decoration:none; > } > > a:hover{ > text-decoration:underline; > } > > #Container{ > width:100%; > height:100%; > margin-top:30px; > vertical-align:top; > text-align:left; > background-position:35% left; > background-image:url("images/BackgroundTile.jpg"); > background-repeat:repeat-x; > } > > #TopNav{ > position:absolute; > right:300px; > top:5px; > } > > #TopNav tr td a{ > color:#ffffff; > font-size:85%; > padding-left:10px; > padding-right:10px; > } > > #Utilities{ > position:absolute; > right:23px; > top:5px; > } > > #Utilities tr td a{ > font-size:80%; > color:#666699; > } > > #Utilities tr td a:hover{ > color:#ffffff; > } > > > #Header{ > background-image:url("images/TopBar.jpg"); > background-repeat:repeat-x; > width:100%; > height:68px; > } > > #Logo{ > background-image:url("images/Logo.jpg"); > background-repeat:no-repeat; > background-position:left center; > margin-top:6px; > margin-left:20px; > width:210px; > height:57px; > } > > #CatchPhrase{ > position:absolute; > right:20px; > top:66px; > } > > #CatchPhrase span{ > font-weight:400; > font-family:Verdana, Arial; > color:#000066; > font-size:200%; > } > > #Main{ > margin:auto; > margin-top:15px; > width:988px; > text-align:left; > } > > #Countertops{ > z-index:200; > background-image:url("images/Countertop.jpg"); > background-repeat:no-repeat; > width:321px; > height:278px; > border-left:solid 2px #ffffff; > border-top:solid 2px #ffffff; > border-bottom:solid 2px #ffffff; > } > > #Countertops:hover{ > background-image:url("images/CountertopOn.jpg"); > } > > #CountertopsMessage{ > z-index:100; > width:321px; > height:278px; > display:none; > } > > #CountertopsMessage:hover{ > display:block; > } > > #Landscape > { > z-index:100; > width:349px; > height:278px; > background-image:url("images/Landscape.jpg"); > background-repeat:no-repeat; > border-top:solid 2px #ffffff; > border-bottom:solid 2px #ffffff; > } > > #Landscape:hover{ > background-image:url("images/LandscapeOn.jpg"); > } > > #LandscapeMessage > { > z-index:200; > width:349px; > height:278px; > display:none; > } > > #LandscapeMessage:hover > { > display:block; > } > > #Memorials > { > z-index:100; > width:318px; > height:278px; > background-image:url("images/Memorial.jpg"); > background-repeat:no-repeat; > border-right:solid 2px #ffffff; > border-top:solid 2px #ffffff; > border-bottom:solid 2px #ffffff; > } > > #Memorials:hover{ > background-image:url("images/MemorialOn.jpg"); > } > > #MemorialsMessage > { > > z-index:200; > width:318px; > height:278px; > display:none; > } > > #MemorialsMessage:hover > { > display:block; > } > > #Products td > { > margin:0px; > padding:0px; > border-collapse:collapse; > } > > #ProductTitles > { > text-align:center; > } > > #ProductTitles h1{ > color:#ffffff; > font-size:150%; > font-weight:lighter; > } > > #MainContent > { > margin:auto; > margin-top:30px; > vertical-align:top; > width:988px; > text-align:left; > font-size:90%; > } > > #MainContent td{ > vertical-align:top; > text-align:left; > padding-left:15px; > } > > #MainContent h2{ > color:#000066; > font-size:110%; > padding-bottom:6px; > } > > #MainContent ul,li,a, td{ > font-size:100%; > color:#ffffff; > } > > #MainContent ul > { > list-style-type:none; > } > > #MainContent li > { > padding-bottom:12px; > } > > #ContactUs > { > width:321px; > } > > #SeniorLeadership > { > width:349px; > text-align:left; > } > > #SeniorLeadership td > { > padding-bottom:20px; > } > > #SeniorLeadership table tr > { > padding-top:6px; > } > > #Footer{ > font-size:80%; > color:#ffffff; > text-align:center; > vertical-align:top; > width:100%; > height:107px; > background-image:url("images/Watermark.jpg"); > background-repeat:no-repeat; > background-position:90% 90%; > } > > .Hidden{ > display:none; > height:0px; > width:0px; > } > > .Center{ > text-align:center; > } > > .Date{ > font-style:italic; > font-size:90%; > padding-right:12px; > color:#cccccc; > } > > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > > <html xmlns="http://www.w3.org/1999/xhtml"; > > <head><title> > Chamberlin Granite Co : Home > </title><link href="App_Themes/DarkBlue/StyleSheet.css" > type="text/css" rel="stylesheet" /></head> > <body> > <form name="aspnetForm" method="post" action="Default.aspx" > id="aspnetForm"> > <div> > <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" > value="/wEPDwUKLTcwODg1MTE2NmRkdB5f0SnAaKGp0CGkloZpc7JvZ30=" /> > </div> > > > <table id="Container"> > <tr> > <td> > <table id="TopNav"> > <tr> > <td> > <a href="#">Product > Catalog</a></td> > <td> > <a href="#">About Us</a></td> > <td> > <a href="#">Contact Us</a></td> > <td> > <a href="#">Find a > Location</a></td> > </tr> > </table> <!-- Ends TopNav --> > > <table id="Utilities"> > <tr> > <td id="SignIn"> > <a href="#">Sign In</a></td> > </tr> > </table> <!-- Ends Utilities --> > > <div id="Header"> > <div id="Logo"><span > class="Hidden">Chamberlin Granite Co.</span></div> > <div id="CatchPhrase"><span>Celebrating > What Matters Most.</span></div> <!-- Ends CatchPhrase --> > </div> <!-- Ends Header --> > > > > <div class="Center"> > <table id="Main"> > <tr id="Products"> > <td id="Countertops"> > > </td> > <td id="Landscape"> > </td> > <td id="Memorials"> > </td> > </tr> > > <tr id="ProductTitles"> > <td id="CountertopTitle"><h1>Countertops</h1></td> > <td id="LandscapeTitle"><h1>Landscape > Products</h1></td> > <td id="MemorialsTitle"><h1>Family & Civic > Memorials</h1></td> > </tr> > </table> > <table id="MainContent"> > <tr id="Data"> > <td id="ContactUs"> > <h2>Contact Us</h2> > <ul> > <li>(860) 480-3634</li> > <li><a > href="mailto:[EMAIL PROTECTED] Granite > Co.">[EMAIL PROTECTED]</a></li> > <li>11 ArborRidge Road<br /> > Torrington CT, 06790 > </li> > </ul> > </td> > <td id="SeniorLeadership"> > <h2>Senior Leadership</h2> > <table> > <tr> > <td><img > src="App_Themes/DarkBlue/images/TysonCEO.jpg" alt="Tyson Chamberlin- > CEO" /></td> > <td>Tyson Chamberlin - CEO</td> > </tr> > <tr> > <td><img alt="Travis D. Falls- CIO" > src="App_Themes/DarkBlue/images/TravisCIO.jpg" /></td> > <td>Travis D. Falls - CIO</td> > </tr> > </table> > </td> > <td id="News"> > <h2>News</h2> > <ul> > <li><span class="Date">01.08.2007</span>12 ft. > Side Yard Setback Variance Granted.</li> > </ul> > </td> > </tr> > </table> > </div> > > <div id="Footer"><span>© - 2007. > Chamberlin Granite Co. All Rights Reserved.</span></div><!-- Ends > Footer --> > </td> > </tr> > </table> <!-- Ends Container --> > </form> > </body> > </html> > > ******************************************************************* > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > ******************************************************************* The Editor Heretic Press http://www.hereticpress.com Email [EMAIL PROTECTED] ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************
