Results 1 to 3 of 3

Thread: footer not lining up correctly *help*

  1. #1
    Join Date
    Aug 2006
    Posts
    65
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Default footer not lining up correctly *help*

    I cant seem to get my footer to line up with the rest of the page.. I have tried almost everything I cant think of... I tried taking the container class away.. I ahve tried make it .footer instead of #footer.. I made all the width, margin, padding all the same and it still is just a bit to short... I am new to css and this is my first time actually tring to create the whole page in css... I have validated the css and the php file...

    here is the css...
    Code:
    #container{
      width: 80%;
      margin: auto;
      padding: 20px;
      /*border: 1px solid #666;
      /* background-image: url(All_Sites/Images/bgTile.gif); */
      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
      font-size: 12px;
      color: #000000;
      /* cursor: default;  /* can add a new cusor  */
    }
    
    #footer {
         text-align: center;
    	  background-color: #C9D9E2;
         padding: 2px;
    	  width: 40%;
    	  margin: auto;
    	  font-size: 9px;
    	  color: #4B626E;
    	  
    }
    
    body {
    	background-image: url(All_Sites/Images/bgTile.gif);
    	background-repeat: repeat-x;
    	margin: 0px;
    	padding: 0px;
    }
    
    .table{
    	background-color: White;
    	width: 80%;
    	margin: auto;
    	padding: 20px;
    	
    }
    
    .indexTable{
    	background-color: White;
    	width: 40%;
    	margin: auto;
    	padding: 20px;
    	
    }
    
    a:link {
    	color: #0175B1;
    	text-decoration: none;
    }
    a:visited {
    	color: #0175B1;
    	text-decoration: none;
    }
    a:hover {
    	color: #0175B1;
    	text-decoration: underline;
    }
    a:focus {
    	color: #333333;
    	text-decoration: underline;
    }
    a:active {
    	color: #0175B1;
    	text-decoration: underline;
    }
    ul {
    	list-style-position: outside;
    	list-style-type: disc;
    }

    and here is the php file....
    Code:
    <div id="container">
    	
    	<div class="indexTable">
    		<table>
    			<tr>
    			  <td><img src="All_Sites/Images/logo_airwaves_ON.gif" alt="" width="161" height="44"/></td>
    			</tr>
    		</table>	
    		<table>
    		<tr>
                <td width="57%"><img src="All_Sites/Images/img_resident.jpg" alt="" width="251" height="225"/></td>
                <td width="43%" valign="middle">To get information about service in your area, select your location from the following choices:
    			
    			<?
    			
    			   print "<form name=\"form1\" method=\"post\" action=\"All_Sites/index.php\">";
    			   print "<select name=\"select\" >";
    			   print "<option value=\"#\" selected=\"selected\">Select Site</option>";
    			
    				$query = "SELECT * FROM SiteLinks";
     				$result = mysql_query($query);
    				
    				while($row= mysql_fetch_array($result))
    				{
    				 $SiteName = $row["SiteName"];
    				 $SiteCode = $row["SiteCode"];	
    				 print "<option value=\"$SiteCode\" >$SiteName</option>";
    				// print "<input type=hidden name=Site value=$Site>";
    			   	} 	
    				      
    				  print "</select>";
    				  print "<input type=\"submit\" name=\"submit\" value=\"Submit\" />";
    				  print "</form>";
    			  
    		    ?>	      </td>
              </tr>
    	  </table>
    		  
    	</div>
    	<div id="footer">  
    		Copyright &copy; 2006 Airwave Networks. All Rights Reserved.
        </div>
    
    </div>
    I have tried it without the container class and it still doesnt work...

    the link to the site is http://www.half2deal.com/new-index.php

    can anyone help me out??

  2. #2
    Join Date
    Sep 2006
    Location
    Liverpool UK
    Posts
    11
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Hi,

    Im still discovering things for pure CSS styling, but I had a look at the index to your site, (i take it this is the footer you are talking about) and it looks in-line with me.

    It sits perfectly underneath the main box, and your copyright info is centered.

    For your information I am using Mozilla firefox (not sure what version)

    I have found that IE is the problem with rendering my sites the way I want.

    I have another Style sheet for IE only which I use to deal with any problems for IE only.

    geoffb

  3. #3
    Join Date
    Oct 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I have found that to be the case as well many times. A quick tool that helps is an IE tab that you can install as an ext in FF - so with just one quick click you can view the page as imbedded IE and then toggle back and forth between IE and FF. Maybe a dumb idea, but it helps me sometimes.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •