Forums

kierzniak

Hi! I have problem with stick footer in grid 960 system. Anyone can tell me how to do it? I know this solution: http://ryanfait.com/resources/footer-st ... m-of-page/ , but I don't know how to adapt to grid 960.

Robskiwarrior

looks like you got it working?

kierzniak

Because?

Soh Tanaka

Should have a sample of what you've done so far so we can take a look~

kierzniak

I have done this by my own. I'm giving solution if someone want.

<html xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=windows-1250\">
<title>grid 960 layout</title>
<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"css/reset.css\" />
<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"css/960.css\" />
<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"css/text.css\" />
<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"css/style.css\" />
</head>

<body>

	<div class=\"container_12 wrapper\">
	
		<div class=\"grid_12 alpha omega header\">
			 <h1>Header</h1>		 
		</div>
		
		<div class=\"grid_12 alpha omega content\">
				<p>Content</p>	
		</div>
		
        <div class=\"push\"></div>
		
    </div>
	
    <div class=\"footer\">
		<p>Copyright (c) 2008</p>
    </div>
	
 </body>
</html>

and style.css:

* {
	margin: 0;
	}
	
html, body {
	height: 100%;
	}
	
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -1em;
	}
	
.footer, .push {
	clear:both;
	height: 1em;
	}

treehouse : what would you like to learn today?

Forums

grid 960 stick footer