homepage Welcome to WebmasterWorld Guest from 174.129.76.87
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
100% Height Sticky Footer
Fixed width centered layout, full width footer
TracidTrax



 
Msg#: 4261456 posted 11:47 pm on Feb 1, 2011 (gmt 0)

After spending many hours on this searching the internet and reading tutorials I still can't get the footer to stay at the bottom of the page.

What I have is a container with all the content in it and i would like a footer to stay at the bottom of the page always, even if scrolling is needed. The footer must be outside the container as i want it to span across the entire page, not just the width of the container which is 900px wide.

I can get the footer to stay at the bottom if the footer is inside the container, but that is not what i would like, I need the footer to be outside of the container.



Heres what it looks like:

[IMG]http://i53.tinypic.com/30ijih0.jpg[/IMG]

<head>
<title></title>
<style media="screen" type="text/css">
html,
body {
margin:0;
padding:0;
height:100%;
background-image: url(img/bkgdContent1.jpg);
}
#container {
min-height:100%;
position:relative;
width: 900px;
margin:auto;
margin-bottom: -100px;
}
#header {
padding: 0 10px;
background-image: url(img/transparentbanner.png);
height:270px;
}
#body {
padding:15px;
margin: 0 1.5em 0 13em;
padding-bottom:100px; /* Height of the footer */
font-family: Arial, Helvetica, sans-serif;
color: #06F;
background-image: url(img/Silhouette2.png);
background-repeat: no-repeat;
background-position: right bottom;
}
#sidebar {
width: 200px;
float: left;
padding: 30px 0;
}
#footer {
position:absolute;
bottom:0;
width:100%;
height:100px; /* Height of the footer */
background-image: url(img/footer4.png);
background-repeat: repeat;
}
/* other non-essential CSS */
#footer_text {
width:100%;
position:absolute;
bottom:0;
text-align: center;
color: #FFF;
font-size: 14px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.main_header_text {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 36px;
color: #FFF;
}
.clearfooter {
height: 100px;
clear: both;
}
</style>

<!--[if lt IE 7]>
<style media="screen" type="text/css">
#container {
height:100%;
}
</style>
<![endif]-->
</head>
<body>

<div id="container">
<div id="header">
</div>
<div id="sidebar">
<!-- end #sidebar1 --></div>
<div id="body">
<!-- Body start -->
<!-- Body end --></div>
<div class="clearfooter"></div>
</div>
<div id="footer">
<div id="footer_text">
<p><strong>Send Email</strong></p></div>
</div>
</div>
</body>
</html>

 

Fotiman

WebmasterWorld Senior Member fotiman us a WebmasterWorld Top Contributor of All Time 5+ Year Member



 
Msg#: 4261456 posted 12:28 am on Feb 2, 2011 (gmt 0)

Not sure but try adding position: relative to your html,body rules.

TracidTrax



 
Msg#: 4261456 posted 1:44 am on Feb 2, 2011 (gmt 0)

no luck with the html body tag positioning fotiman :(

this is the 3rd forum ive asked on about this and I dont understand how no one can help

im thinking i need to edit something to do with float: and clear: but dont know which CSS rule to edit

TracidTrax



 
Msg#: 4261456 posted 1:46 am on Feb 2, 2011 (gmt 0)

here is how it looks on my 1920x1200 res monitor but as i start dropping down the res the footer starts moving up

[i54.tinypic.com...]

Fotiman

WebmasterWorld Senior Member fotiman us a WebmasterWorld Top Contributor of All Time 5+ Year Member



 
Msg#: 4261456 posted 1:32 pm on Feb 2, 2011 (gmt 0)

Sorry, posted that reply from my phone, so didn't look too closely at the example code you posted. I think the problem is that you have position:absolute on your footer, but that should be position: fixed.

TracidTrax



 
Msg#: 4261456 posted 2:27 pm on Feb 2, 2011 (gmt 0)

thanks Fotiman, I tried the position:fixed; for the footer but now the footer is moving up / down as i use the page scroller. I would like for it to stay at the bottom all the time

Fotiman

WebmasterWorld Senior Member fotiman us a WebmasterWorld Top Contributor of All Time 5+ Year Member



 
Msg#: 4261456 posted 3:01 pm on Feb 2, 2011 (gmt 0)

Position fixed is supposed to do that... keep it fixed at the bottom of the viewport. However, if you forgot to remove the position:absolute from the footer_text section, then that would explain it didn't. :)

meelosh



 
Msg#: 4261456 posted 4:16 pm on Feb 2, 2011 (gmt 0)

TracidTrax if you make the footer
position:fixed;
bottom:0;
left:0;
right:0;

and remove position absolute from footer_text it will work in all browsers accept in ie .... you need to have the correct "doctype" for IE to understand what you want to do..otherwise it reverts to older IE versions that do not respect position fixed....so correct your doctype (or add it) and it should work

hope this helps...cheers

rainborick

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 4261456 posted 4:59 pm on Feb 2, 2011 (gmt 0)

This might be close to what you want:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Fixed Footer</title>
<style media="screen" type="text/css">
html,
body {
margin:0;
padding:0;
height:100%;
background-image: url(img/bkgdContent1.jpg);
z-index:0;
}

#container {
position:relative;
width: 900px;
margin:0 auto 100px auto; /* bottom margin set to height of #footer */
background-color:yellow;
}
#header {
padding:0 10px;
background-image: url(img/transparentbanner.png);
background-color:#80a080;
height:270px;
}
#body {
padding:15px;
margin: 0 1.5em 0 13em;
/* padding-bottom:100px; Height of the footer */
font-family: Arial, Helvetica, sans-serif;
color: #06F;
background-image: url(img/Silhouette2.png);
background-repeat: no-repeat;
background-position: right bottom;
background-color:pink;
}
#sidebar {
width: 200px;
float: left;
padding: 30px 0;
background-color:lightblue;
}
#footer {
position:fixed;
bottom:0; left:0;
width:100%;
z-index:1;
height:100px; /* Height of the footer */
background-image: url(img/footer4.png);
background-repeat: repeat;
background-color:#c0c0c0;
}
/* other non-essential CSS */
#footer_text {
width:100%;
position:absolute;
bottom:0;
text-align: center;
color: #FFF;
font-size: 14px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.main_header_text {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 36px;
color: #FFF;
}
.clearfooter {
/* height:100px; */
clear: both;
}
</style>

<!--[if lt IE 7]>
<style media="screen" type="text/css">
#container {
height:100%;
}
</style>
<![endif]-->
</head>
<body>
<div id="container">
<div id="header">
<p>Header</p>
</div><!-- end #header -->
<div id="sidebar"><p>Sidebar</p>
</div><!-- end #sidebar1 -->
<div id="body">
<!-- Body start -->
<p>Body Start</p>
<p>More Body Text</p>
<p>Body Last</p>
</div><!-- end #body -->
<div class="clearfooter"></div>
</div><!-- end container -->
<div id="footer">
<div id="footer_text">
<p><strong>Send Email</strong></p>
</div><!-- end #footer_text -->
</div><!-- end #footer -->
</body>
</html>

I added background colors to make it easier for me to see the elements without the background images. I added a z-index setting to the <body> element and the #footer div with a bottom margin on #container set to the height of #footer, so that as the #container expands vertically, you can scroll to the bottom and everything is still visible.

TracidTrax



 
Msg#: 4261456 posted 6:17 pm on Feb 2, 2011 (gmt 0)

ah damn sorry so guys I have explained it wrong, and looks like the posts you guys have made works the way I explained it but i explained it wrong :(

Here I go again, I would like for the footer to be underneath all the content such as the container that holds all the text, the side bar, the background silhouette and that the last thing on the page is the footer and absolutely nothing underneath it.

Forgive me for the confusion, this is my 1st proper website im trying to make for some1 and i dont know much apart from what ive done here and im basically self teaching myself with help from fine people like all of you.

I would be grateful if you guys could continue solving the problem im having with the footer

TracidTrax



 
Msg#: 4261456 posted 6:35 pm on Feb 2, 2011 (gmt 0)

wow finally got it using rainborick's CSS rules and only changed 1 thing which was:

#footer {
position:fixed;

to

position:relative;

Now the footer is underneath all the content and displays properly! :) :)

After many, many hours on just this one thing i was ready to bang my head against the wall lol

I would like to thank you all for taking the time to help me out and sorry about the confusion earlier on

TracidTrax



 
Msg#: 4261456 posted 7:05 pm on Feb 2, 2011 (gmt 0)

false alarm lol

heres what its doing now, its not sitting underneath all of the content:

I would like for the footer to be underneath all the content such as the container that holds all the text, the side bar, the background silhouette and that the last thing on the page is the footer and absolutely nothing underneath it.

[edited by: alt131 at 7:43 pm (utc) on May 17, 2011]
[edit reason] Thread TIdy [/edit]

alt131

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 4261456 posted 9:55 pm on Feb 2, 2011 (gmt 0)

Hi TracidTrax and welcome to WebmasterWorld ;)

If I understand your explanation correctly, you want the footer to sit below #container, so that if the content of #sidebar and #body is longer than the height of the viewport, #footer won't be visible until the user scrolls the page.

If that is right, avoid positioning, and allow the elements to flow naturally:
1. Remove position:relative from #container
2. Remove position:absolute and bottom:0 from #footer and #footer text
3. Remove the clearing div from the html (and the css rules) and set clear:left on the #footer itself

At this stage you may find #footer is being "pulled" upwards so it overlaps #container, so
4. Remove margin-bottom:-100px from #container

The height:100% should not really be required for lt ie7, but probably not hurting at this stage.
[edit]for clarification[/edit]

TracidTrax



 
Msg#: 4261456 posted 10:52 am on Feb 3, 2011 (gmt 0)

Hi alt131

Yep, well basically if there's not enough content on the page I would like the footer to be visible without the need of scrolling, but if there's more content on the page I would like for the footer to be pushed down

It seems to be getting there, I've tried removing all the rules you have posted.

It seems now that the footer is not visible on the page even if there isn't enough content. I would like for the footer to be visible on the page ONLY if there's not enough content, im guessing this is because of:

#container {
min-height:100%;

Also, I'm wondering why the Silhouette is being pushed up and 1/2 of the image is being cut out. I would have thought the #body { div would grow in height even if images are added

Here's an image of what I'm talking about:

[i54.tinypic.com...]

Heres the current CSS and HTML I have at the moment:

<head>
<title></title>
<style media="screen" type="text/css">
html,
body {
margin:0;
padding:0;
height:100%;
background-image: url(img/bkgdContent1.jpg);
}
#container {
min-height:100%;
width: 900px;
margin:auto;
}
#header {
padding: 0 10px;
background-image: url(img/transparentbanner.png);
height:270px;
}
#body {
padding:15px;
margin: 0 1.5em 0 13em;
padding-bottom:100px; /* Height of the footer */
font-family: Arial, Helvetica, sans-serif;
color: #06F;
background-image: url(img/Silhouette2.png);
background-repeat: no-repeat;
background-position: right bottom;
}
#sidebar {
width: 200px;
float: left;
padding: 30px 0;
}
#footer {
width:100%;
height:100px; /* Height of the footer */
background-image: url(img/footer4.png);
background-repeat: repeat;
clear:left;
}
#footer_text {
width:100%;
text-align: center;
color: #FFF;
font-size: 14px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.main_header_text {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 36px;
color: #FFF;
}
</style>

<!--[if lt IE 7]>
<style media="screen" type="text/css">
#container {
height:100%;
}
</style>
<![endif]-->
</head>
<body>

<div id="container">
<div id="header">
</div>
<div id="sidebar">
<!-- end #sidebar1 --></div>
<div id="body">
<!-- Body start -->
<p><span class="main_header_text">Look good, feel even better.</span></p>
<p></p>

<!-- Body end --></div>
</div>
<div id="footer">
<div id="footer_text">
<p><strong>Send Email</strong></p></div>
</div>
</div>
</body>
</html>

alt131

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 4261456 posted 11:26 am on Feb 3, 2011 (gmt 0)

Ah hah! ;)
My adjustments will position the footer at the bottom of the content - always.

I think what you want is "sticky footer".

The forum library has a tutorial post on this: 100% height, footer stuck on bottom
[webmasterworld.com]

TracidTrax



 
Msg#: 4261456 posted 12:50 pm on Feb 4, 2011 (gmt 0)

hey alt131, i tried the link you posted but as soon as i start adding height to the footer, that height starts eating into the content space

What can I do so that if footer height was adjusted it wouldn't eat into the content but also at the same time the footer would stay at the bottom of the view port ONLY IF there's not enough content on the page

heres a pic of what i mean:

[i55.tinypic.com...]

The CSS he uses is:

* {
padding: 0;
margin: 0;
}
html {
background-color: #ccc;
height: 100%;
}
body {
background-color: white;
width: 770px;
margin: 0 auto;
min-height: 100%;
position: relative;
border-left: 1px solid #888;
border-right: 2px solid black;
}
.footer {
position: absolute;
bottom: 0;
left:0;
right:0;
border-bottom: 2px solid black;
}
a img {
border:none;
}
.header {
position: relative;
min-height: 110px;
border-top: 1px solid #666;
}
.header a img {
width: 150px;
height: 100px;
position: absolute;
top: 5px;
left: 5px;
}
.header h1 {
padding: 20px 0 0 160px;
}
.middle {
padding: 0 5px 2em 5px;
}
.footer p {
padding: 5px;
font-size: 80%;
}
</style>
<!--[if IE 6]>
<style type="text/css">
body {
height: 100%;
}
.header {
height: 110px;
}
.footer {
width: 100%;
}

alt131

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 4261456 posted 1:47 pm on Feb 4, 2011 (gmt 0)

Have you tried setting the padding-bottom on .middle to the same height as your footer:
.middle {
padding: 0 5px
100px 5px;
}
[edit] for clarification[/edit]

TracidTrax



 
Msg#: 4261456 posted 2:39 pm on Feb 4, 2011 (gmt 0)

ah thanks, i forgot about that :P

Now one last thing lol, Ive been wanting the footer to span across the entire width of the view port and not just the body while maintaining a "sticky footer". This was also not in swa66's thread and what Ive been wanting since the start of this thread.

TracidTrax



 
Msg#: 4261456 posted 2:43 pm on Feb 4, 2011 (gmt 0)

Here is his CSS / HTML along with ur adjustment alt131 and adding a height and width to the footer.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Test</title>
<style type="text/css">
* {
padding: 0;
margin: 0;
}
html {
background-color: #ccc;
height: 100%;
}
body {
background-color: white;
width: 770px;
margin: 0 auto;
min-height: 100%;
position: relative;
border-left: 1px solid #888;
border-right: 2px solid black;
}
.footer {
position: absolute;
bottom: 0;
left:0;
right:0;
height:100px;
width:100%;

}
a img {
border:none;
}
.header {
position: relative;
min-height: 110px;
border-top: 1px solid #666;
}
.header a img {
width: 150px;
height: 100px;
position: absolute;
top: 5px;
left: 5px;
}
.header h1 {
padding: 20px 0 0 160px;
}
.middle {
padding: 0 5px 100px 5px;
}
.footer p {
padding: 5px;
font-size: 80%;
}
</style>
<!--[if IE 6]>
<style type="text/css">
body {
height: 100%;
}
.header {
height: 110px;
}
.footer {
width: 100%;
}
</style>
<![endif]-->
</head>
<body>
<div class="header">
<a href="#"><img src="1.jpg" alt="logo" /></a>
<h1>title</h1>
</div>
<div class="middle">
<h2>heading</h2>
<p>Lorem ipsum ...</p>
<p>Add more content to make sure you can scroll as you need.</p>
</div>
<div class="footer">
<p>Footer text goes here</p>
</div>
</body>
</html>

alt131

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 4261456 posted 12:14 pm on Feb 5, 2011 (gmt 0)

Right, this solution gives you a centred container with a sticky full-width footer, more similar to the original code you posted. Note your #body has been renamed .content to avoid using an element as a class name. It also avoids issues with Opera, and placing the footer below the fold like some of the other available solutions.


css
<style type="text/css">
* {padding: 0; margin: 0; } /*removes margins and padding to reduce cross-browser differences */

html, body {
background-color: #ccc;
height:100%; /*applies a height to the html and body to provide a measurement for later percentage heights */
}

/* Body cannot be used as the container as you want a full-width footer, so wrap everything (except footer) in a container to establish the max-width of the page, and give the footer something to measure from, */
#container {
max-width: 770px; /* set to stop re-flowing issues when browser resized very narrow*/
margin: 0 auto;
min-height:100%; /*makes sure container will always be a minimum of 100% of the viewport*/
}

.header {
padding: 0 10px;
background-image: url(myimage.jpg);
height:270px;
}

.sidebar {
width: 200px;
float: left;
padding: 30px 0;
}

.content {
padding:15px;
margin: 0 1.5em 0 13em;
font-family: Arial, Helvetica, sans-serif;
color: #06F;
background: url(myimage.jpg) no-repeat right bottom;
margin-bottom:100px; /* make space for the footer */
}

.footer {
height:100px;
width:100%;
margin-top:-100px; /* pull the footer back up over the content*/
}
</style>

<!--[if lt IE 7]>
<style type="text/css">
/*if you need to support ie6 - which doesn't understand min/max*/
#container {height:100%;width:770px;}
</style>
<![endif]-->
</style>

html
<div id="container">
<div class="header"> <a href="#"><img src="1.jpg" alt="logo" /></a> <h1>title</h1> </div>
<ul class="side-bar"><li>My List</li></ul>
<div class="content">
<h2>heading</h2> <P>LAST SENTENCE</p>
</div><!--content-->
</div><!--container-->
<div class="footer"> <p>Footer text goes here</p> </div>

TracidTrax



 
Msg#: 4261456 posted 6:59 am on Feb 9, 2011 (gmt 0)

hi alt131, thank you for taking the time to write up a solution

the page seems to be working quite fine on firefox but on opera and IE the footer is below the viewport

If it makes it easier for you i have uploaded the page along pics etc to make it easier for you when looking at it

you can download it at:
[rapidshare.com...]

Also here is the CSS and HTML:

Im still trying to work out how to post as "code" but the code tags didnt work in my 1st post

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB">
<head>
<title>Test</title>
<link rel="icon" type="image/ico" href="favicon.ico"></link>
<link rel="shortcut icon" href="favicon.ico"></link>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
* {padding: 0; margin: 0; } /*removes margins and padding to reduce cross-browser differences */

html, body {
background-image: url(img/bkgdContent1.jpg);
height:100%; /*applies a height to the html and body to provide a measurement for later percentage heights */
}

/* Body cannot be used as the container as you want a full-width footer, so wrap everything (except footer) in a container to establish the max-width of the page, and give the footer something to measure from, */
#container {
max-width: 900px; /* set to stop re-flowing issues when browser resized very narrow*/
margin: 0 auto;
min-height:100%; /*makes sure container will always be a minimum of 100% of the viewport*/
}

.header {
padding: 0 10px;
height:270px;
background-color:pink;
}

.sidebar {
width: 200px;
padding: 30px 0;
float:left;
}

.content {
padding-left: 15px; padding-right: 15px;
margin: 1.5em 1.5em 0 13em;
font-family: Arial, Helvetica, sans-serif;
color: #06F;
background: url(img/Silhouette2.png) no-repeat right bottom;
margin-bottom:100px; /* make space for the footer */
}

.footer {
height:100px;
width:100%;
margin-top:-100px; /* pull the footer back up over the content*/
background-image: url(img/footer4.png);
text-align: center;
}

.main_header_text {
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
color: #FFF;
}

.footer_text {
text-decoration:none;
color:#FFF;
font-size: 14px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

</style>

<!--[if lt IE 7]>
<style type="text/css">
/*if you need to support ie6 - which doesn't understand min/max*/
#container {height:100%;width:770px;}
</style>
<![endif]-->

<div id="container">
<div class="header"></div>
<ul class="sidebar">
<a href="index.html"><img src="img/homebutton.png" width="200" height="40" style="border-style: none" /></a>
<a href="pricing.html"><img src="img/pricingbutton.png" width="200" height="40" style="border-style: none"/></a>
<a href="aboutus.html"><img src="img/aboutusbutton.png" width="200" height="40" style="border-style: none" /></a>
<a href="http://10.1.1.5/kathyforum/" target="_blank"><img src="img/forumsbutton.png" width="200" height="40" style="border-style: none"/></a>
<a href="contact.html"><img src="img/contactusbutton.png" width="200" height="40" style="border-style: none" /></a></ul>
<div class="content">
<p><span class="main_header_text">Header</span></p>



</div><!--content-->
</div><!--container-->
<div class="footer">
<p class="footer_text">
<br/><br/><br/>Contact
Send Email</a></p>
</div><!--footer-->

alt131

WebmasterWorld Senior Member 5+ Year Member



 
Msg#: 4261456 posted 9:32 pm on Feb 11, 2011 (gmt 0)

Hi tracidtrax, Appreciate you are trying to be helpful, but no need for your actual page and images - per the forum charter [webmasterworld.com], what we need is code.

Im still trying to work out how to post as "code" but the code tags didnt work in my 1st post
Ah yes ... a WebmasterWorld "gotcha" - code only works for one line ;) Try quote.

the page seems to be working quite fine on firefox but on opera and IE the footer is below the viewport
Ok, some thoughts:
  1. This was an issue when deciding between solutions, and I posted one that didn't cause that. However, there are some differences between my posted code and my "final draft", so I'll go back and double-check I didn't mess up when posting.
  2. Always Validate [validator.w3.org] your code. You have a list without list-items, and a malformed link. I don't think they are causing the problem, but they won't be helping. It is easy to make typo's when working with code, so validate often, especially when code isn't behaving as you want.
  3. When the total height of the header + sidebar, or header +content exceeds the total height of the viewport the footer will be forced below the fold. This was the case for me with the code you just posted, so in that regard it is ff, not the others, not behaving as desired. However, I checked, and even with a lesser total height the footer was still below the fold. That's the exact issue I tried to avoid, so I'm going back to investigate what I did between final draft and posted code per #1 of this list.
  4. The solution was based on your content having a greater total height than sidebar. The code needs to be adjusted if sidebar will actually be longer.

A few posts ago you commented that you couldn't get help in other forums. I suspect the reason is that this looks easy, but is actually complicated. That is because you are asking the browser to:
(a) measure the viewport and draw the footer at the bottom of the viewport
OR
(b) Measure the html document and draw the footer at the bottom of the html document
AND
(c} Compare these two different things and make the right decision
BY
(d) Using css, which is desgned to style html elements

It's quite possible, but means solutions "break" when components are changed. You've tackled something quite hard to start, but stick with it - you'll have learned so much by the time this is working in the way you want.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved