2 Replies - 1057 Views - Last Post: 29 April 2009 - 11:54 PM

#1 pspfreak101  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 49
  • Joined: 28-July 07

Sticky Footer Help

Posted 29 April 2009 - 05:11 PM

I'm having some problems with the footer text staying at the bottom I tried the css trick but its not working

Site: http://securewebdesigns.net/tinynest/

I also can't figure out how to fix the text box on internet explore it appears fine without the submit button but don't know where else to position it.
Code:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Howell's Nest</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" href="lightbox.css" media="screen,projection" type="text/css" />
<!-- Javascript -->
<script type="text/javascript" language="javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />
</head>
<body>
<!--[if IE]>
<style>

</style>
<![EndIf]-->
<div id="wrapper">
<a href="feedback.html" rel="lyteframe" title="" 
   rev="width: 640px; height: 350px; scrolling: no;"><img src="images/feedback.png" alt="" width="36" height="130" class="feedback" /></a>

<div id="container">
		<img src="images/logo.png" width="711" height="570" class="logo" alt="" />
			<div id="url-area">
			
				<form method="post" action="send.php">
				<div class="url-box">
					<label for="url1">URL1</label>
					<input name="url1" type="text" id="url1" value="Enter That Ugly URL Here" />
					<input type="submit" name="submit" value="" class="submit-button" />
				 </div>

				<div class="url-box2">
					<label for="url2">URL2</label>
					<input name="url2" type="text" id="url2" />
				</div>
				</form>
		  </div>  
			<div class="push"></div>
  </div>
  <div class="footer">
			A Howell's Nest Product		</div>
</div>
</body>
</html>



CSS:
* {
margin: 0;
padding: 0;
border: none;
}
html, Body{
height: 100%;
Margin: 0;
Background: #3985e5 url(images/bg.gif) repeat-x;
color: #84a5a8;
font-size: 10pt;
font-family: Arial;
}
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -12px;
}
#container {
width: 1024px;
margin:auto;
}
.logo {
margin-left:222px;
margin-top:40px;
}
#url-area {
width: 500px;
height:135px;
margin-top: 25px;
margin-left:270px;
}
.url-box {
background:url(images/urlbar.png) no-repeat;
height:53px;
width:483px;
margin-bottom:12px;
}
.url-box2 {
background:url(images/urlbar.png) no-repeat;
height:53px;
width:483px;
margin-bottom:12px;
}
#url-area input, #url-area textarea {
font-family:"Georgia", Times New Roman, Times, serif;
font-size:9pt;
color:#888888;
}
#url1 {
height:23px;
width:344px;
margin-top:12px;
margin-left:19px;
padding-top:6px;
}
#url2 {
height:23px;
width:445px;
margin-top:12px;
margin-left:19px;
padding-top:6px;
}
#url-area input.submit-button {
background:url(images/button.png) no-repeat;
width: 110px;
height:47px;
margin-top:3px;
margin-left:3px;
border:none;
}
label {
display:none;
}
.feedback {
float:left;
margin-top:315px;
}
.footer {
height:12px;
color:#2b65b8;
float:right;
}
.push {
height:12px;
}


This post has been edited by pspfreak101: 29 April 2009 - 05:28 PM


Is This A Good Question/Topic? 0
  • +

Replies To: Sticky Footer Help

#2 calebjonasson  Icon User is offline

  • $bert = new DragonUnicorn(); $bert->rawr();
  • member icon

Reputation: 209
  • View blog
  • Posts: 989
  • Joined: 28-February 09

Re: Sticky Footer Help

Posted 29 April 2009 - 11:13 PM

you could put it in the container below the footer

you could put it in the container below the footer
Was This Post Helpful? 0
  • +
  • -

#3 Toxicterror  Icon User is offline

  • blub

Reputation: 15
  • View blog
  • Posts: 687
  • Joined: 10-March 09

Re: Sticky Footer Help

Posted 29 April 2009 - 11:54 PM

with firefox it works perfectly :D

EXCEPT of a missing file: send.php
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1