Editing User:Randall00/Sandbox
From SmashWiki, the Super Smash Bros. wiki
Jump to navigationJump to search
The edit can be undone. Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.
| Latest revision | Your text | ||
| Line 1: | Line 1: | ||
<html> | |||
<head> | |||
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> | |||
<title>Dynamic Drive: CSS Fixed Layout #2.2- (Fixed-Fixed)</title> | |||
<style type="text/css"> | |||
body{ | |||
margin:0; | |||
padding:0; | |||
line-height: 1.5em; | |||
} | |||
b{font-size: 110%;} | |||
em{color: red;} | |||
#maincontainer{ | |||
width: 840px; /*Width of main container*/ | |||
margin: 0 auto; /*Center container on page*/ | |||
} | |||
#topsection{ | |||
background: #EAEAEA; | |||
height: 90px; /*Height of top section*/ | |||
} | |||
#topsection h1{ | |||
margin: 0; | |||
padding-top: 15px; | |||
} | |||
#contentwrapper{ | |||
float: left; | |||
width: 100%; | |||
} | |||
#contentcolumn{ | |||
margin-right: 200px; /*Set right margin to RightColumnWidth*/ | |||
} | |||
#rightcolumn{ | |||
float: left; | |||
width: 200px; /*Width of right column*/ | |||
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */ | |||
background: #FDE95E; | |||
} | |||
#footer{ | |||
clear: left; | |||
width: 100%; | |||
background: black; | |||
color: #FFF; | |||
text-align: center; | |||
padding: 4px 0; | |||
} | |||
#footer a{ | |||
color: #FFFF80; | |||
} | |||
.innertube{ | |||
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ | |||
margin-top: 0; | |||
} | |||
</style> | |||
<script type="text/javascript"> | |||
/*** Temporary text filler function. Remove when deploying template. ***/ | |||
var gibberish=["This is just some filler text", "Welcome to Dynamic Drive CSS Library", "Demo content nothing to read here"] | |||
function filltext(words){ | |||
for (var i=0; i<words; i++) | |||
document.write(gibberish[Math.floor(Math.random()*3)]+" ") | |||
} | |||
</script> | |||
</head> | |||
<body> | |||
<div id="maincontainer"> | |||
<div id="topsection"><div class="innertube"><h1>CSS Fixed Layout #2.2- (Fixed-Fixed)</h1></div></div> | |||
<div id="contentwrapper"> | |||
<div id="contentcolumn"> | |||
<div class="innertube"><b>Content Column: <em>Fixed</em></b> <script type="text/javascript">filltext(45)</script></div> | |||
</div> | |||
</div> | |||
<div id="rightcolumn"> | |||
<div class="innertube"><b>Right Column: <em>200px</em></b> <script type="text/javascript">filltext(15)</script></div> | |||
</div> | |||
<div id="footer"><a href="http://www.dynamicdrive.com/style/">Dynamic Drive CSS Library</a></div> | |||
</div> | |||
</body> | |||
</html> | |||