Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
I'm back,,, Footer problems
Old 04-02-2009, 07:31 PM I'm back,,, Footer problems
Experienced Talker

Posts: 39
Name: Scott Bronson
Trades: 0
I've tried to position my footer several times and I've looked at several tutorials. When I set it, it positions itself in the midder of the page. Can anyone help.
sbronson is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 04-02-2009, 08:23 PM Re: I'm back,,, Footer problems
NewBreed's Avatar
Extreme Talker

Posts: 223
Name: Johnny
Location: Washington
Trades: 0
Post your website please.
NewBreed is offline
Reply With Quote
View Public Profile
 
Old 04-02-2009, 08:25 PM Re: I'm back,,, Footer problems
Experienced Talker

Posts: 39
Name: Scott Bronson
Trades: 0
Its not complete so its not up yet
sbronson is offline
Reply With Quote
View Public Profile
 
Old 04-03-2009, 11:22 AM Re: I'm back,,, Footer problems
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Then post ALL your code.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 04-03-2009, 10:18 PM Re: I'm back,,, Footer problems
Experienced Talker

Posts: 39
Name: Scott Bronson
Trades: 0
h1 {
font-style: Bold;

color: #999999;
position: absolute;
top: 600px;
left: 60px;}
h2{
color: #999999;
font-style: Bold;
font-size: 32px;
position: absolute;
top: 800px;
left: 60px;
}

h3{
color:#999999;
font-style: Bold;
font-size: 32px;
position: absolute;
top: 600px;
right: 80px;
}
P{
color: #999999;
font-size: 24px;
position: absolute;
top: 650px;
right: 80px;
}

<!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>Host Eagle Web Shop</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link type="text/css" rel="stylesheet" href="eaglecss1.css" />
</HEAD
<BODY>


<a href="#"><img src="hosteaglelogo.gif"></a>
&nbsp;&nbsp;&nbsp;<a href="home.html">Home</a>&nbsp;&nbsp;&nbsp;
<a href="#">Portfolio</a>&nbsp;&nbsp;&nbsp;
<a href="#">Blog</a>&nbsp;&nbsp;&nbsp;
<a href="#">Contact</a>
<div id="background_image">
<span></span>
<img src="placeholder_box.gif" />
</div>
<img src="grayspacer.gif" style="float:right; margin:100px 450px 300px 0px; cursorointer; cursor:hand; border:0" width="1" height="500"

<h1>Title For Main Thing</h1>
<h2>Other Item Title</h2>
<h3>Home Office</h3>
<p>1150 N 850 W<br>Provo, Utah, USA<br><br>801.372.2610<br>brentleavitt@sunswingme dia.com<br><font color="#730202">Use our contact form</font></p>




</BODY>
sbronson is offline
Reply With Quote
View Public Profile
 
Old 04-04-2009, 01:42 PM Re: I'm back,,, Footer problems
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
Get rid of all the position:absolute and use the normal document flow and your footer should go where you want it - at the bottom.

Please, no spacer gifs (soooo 1997) and no horrible <font> tags !

Put your menu into an unordered list, because that IS what it is.

Which part of that code is supposed to be your footer ?

Try something like this:
Quote:
#wrapper{
position: relative;
margin: 0;
padding: 0;
overflow: auto;

}

#content{
margin: 0;
background:#ffdead;

overflow: auto;
}

#footer{
clear: both;
color: #730202;
background: #b0e0e6;
}
#footer p{
margin: 0;
padding:0;
}

ul#nav{
margin: 10px 0;

}

#nav li{
display: inline;
margin: 0 4px;
}

h1 {
font-style: bold;
color: #999999;
/*position: absolute;
top: 600px;
left: 60px;*/
}

h2{
color: #999999;
font-style: bold;
font-size: 32px;
/*position: absolute;
top: 800px;
left: 60px;*/
}

h3{
color:#999999;
font-style: bold;
font-size: 32px;
/*position: absolute;
top: 600px;
right: 80px;*/
}
p{
color: #999999;
font-size: 24px;
/*position: absolute;
top: 650px;
right: 80px;*/
}

.imgRight{
float:right;
margin:100px 450px 300px 0px;
cursor:hand;
border:0;
}

</style>
</head>

<body>
<div id="wrapper">

<ul id="nav">
<li><a href="#"><img src="hosteaglelogo.gif"></a></li>
<li><a href="home.html">Home</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>

</ul>
<div id="content">

<img src="placeholder_box.gif" />

<img class="imgRight" src="grayspacer.gif" width="1" height="500" />

<h1>Title For Main Thing</h1>
<h2>Other Item Title</h2>
<h3>Home Office</h3>
</div>
<div id="footer">
<p>1150 N 850 W<br>Provo, Utah, USA<br><br>801.372.2610<br>brentleavitt@sunswingme dia.com<br>
<p>Use our contact form</p>
</div> <!-- end footer -->
</div> <!-- end wrapper -->
The colors are just to illustrate the divs. But the footer will stay at the bottom.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE


Last edited by LadynRed; 04-04-2009 at 01:58 PM..
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 04-04-2009, 03:26 PM Re: I'm back,,, Footer problems
Experienced Talker

Posts: 39
Name: Scott Bronson
Trades: 0
Thanks
sbronson is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to I'm back,,, Footer problems
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.25776 seconds with 12 queries