Team:Colorado State/Team
From 2012.igem.org
(Difference between revisions)
Line 101: | Line 101: | ||
-Ethan Ho | -Ethan Ho | ||
Born in Corvallis, OR. Moved to Fort Collins, CO at age 13. | Born in Corvallis, OR. Moved to Fort Collins, CO at age 13. | ||
+ | |||
+ | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | ||
+ | <html> | ||
+ | <head> | ||
+ | <title>Stretched Background Image</title> | ||
+ | <style type="text/css"> | ||
+ | /* Remove margins from the 'html' and 'body' tags, and ensure the page takes up full screen height */ | ||
+ | html, body {height:100%; margin:0; padding:0;} | ||
+ | /* Set the position and dimensions of the background image. */ | ||
+ | #page-background {position:fixed; top:0; left:0; width:100%; height:100%;} | ||
+ | /* Specify the position and layering for the content that needs to appear in front of the background image. Must have a higher z-index value than the background image. Also add some padding to compensate for removing the margin from the 'html' and 'body' tags. */ | ||
+ | #content {position:relative; z-index:1; padding:10px;} | ||
+ | </style> | ||
+ | <!-- The above code doesn't work in Internet Explorer 6. To address this, we use a conditional comment to specify an alternative style sheet for IE 6 --> | ||
+ | <!--[if IE 6]> | ||
+ | <style type="text/css"> | ||
+ | html {overflow-y:hidden;} | ||
+ | body {overflow-y:auto;} | ||
+ | #page-background {position:absolute; z-index:-1;} | ||
+ | #content {position:static;padding:10px;} | ||
+ | </style> | ||
+ | <![endif]--> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div id="page-background"><img src="http://www.quackit.com/pix/milford_sound/milford_sound.jpg" width="100%" height="100%" alt="Smile"></div> | ||
+ | <div id="content"> | ||
+ | <h2>Stretch that Background Image!</h2> | ||
+ | <p>This text appears in front of the background image. This is because we've used CSS to layer the content in front of the background image. The background image will stretch to fit your browser window. You can see the image grow and shrink as you resize your browser.</p> | ||
+ | <p>Go on, try it - resize your browser!</p> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> | ||
<html> | <html> |
Revision as of 23:16, 27 June 2012
Home | Team | Official Team Profile | Project | Parts Submitted to the Registry | Modeling | Notebook | Safety | Sponsors | Attributions |
---|
CSU RAM You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing. | |
Team Colorado_State |
Who we are
Advisors:
|
|
What we did...
(Provide proper attribution for all work)
Where we're from
Colorado State University (Fort Collins, CO)
-Brian Searcy
Born in Pasadena, CA and raised in Western Massachusetts, Brian has lived all over the U.S. Mostly in coastal regions.
-Ryan Clouse
Born in Chandler, AZ and raised in northern Phoenix. Moved to Colorado Springs, CO at age 13.
-Dave Packard
Born in West Valley, Utah and raised in the Salt Lake area. Moved to Parker, CO at age 10.
-Guy Stewart
Born and raised in Springfield, IL.
-Steven Denham
Born in Pueblo, CO. Moved to Greeley, CO at age 2.
-Ethan Ho
Born in Corvallis, OR. Moved to Fort Collins, CO at age 13.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Stretch that Background Image!
This text appears in front of the background image. This is because we've used CSS to layer the content in front of the background image. The background image will stretch to fit your browser window. You can see the image grow and shrink as you resize your browser.
Go on, try it - resize your browser!