Team:Cambridge/tempTop

From 2010.igem.org

(Difference between revisions)
 
(31 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html lang="en">  
-
<style>
+
<head>
-
body{background:#594f4;}
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-
</style>
+
<title>Simple 2 column CSS layout, final layout | 456 Berea Street</title>
-
<body bgcolor="#594f4">
+
<meta name="description" content="How to create a simple two column CSS layout with full width header and footer.">
-
<img align="center" src="https://static.igem.org/mediawiki/2010/1/17/Camtemptheo.png">
+
<meta name="copyright" content="Copyright (c) 2004 Roger Johansson">
-
</body>
+
<meta name="author" content="Roger Johansson">
-
</html>
+
<style type="text/css" media="screen, print, projection">  
 +
 
 +
#bodyContent{position:relative; width:970px;
 +
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;"
 +
 
 +
}
 +
#wrap {
 +
 
 +
 
 +
width:965px;
 +
 +
background:#e5fcc2;
 +
}
 +
#header {
 +
background:#ddd;
 +
}
 +
 +
 +
#left {
 +
float:left;
 +
width:222px;
 +
padding:10px;
 +
background:#e5fcc2;
 +
}
 +
h2 {
 +
margin:0 0 1em;
 +
}
 +
#right{
 +
float:right;
 +
width:700px;
 +
padding:10px;
 +
background:white;
 +
}
 +
#camfooter {
 +
clear:both;
 +
padding:5px 10px;
 +
background:#cc9;
 +
}
 +
#camfooter p {
 +
margin:0;
 +
    }
 +
* html #camfooter {
 +
height:1px;
 +
}
 +
</style>
 +
</head>  
 +
<body>
 +
<div id="wrap">  
 +
<div id="header"><img align="center" style="margin-bottom:0px; padding:0" src="https://static.igem.org/mediawiki/2010/4/4d/CambridgeTheoLogo.jpg"> </div>  
 +
 +
<div id="left">
 +
 +
<ul>
 +
<li><a href="/Team:Cambridge" title="Team:Cambridge"> Home</a> </li>
 +
<li><a href="/Team:Cambridge/Logistics" title="Team:Cambridge/Logistics"> Logistics</a></li>
 +
<li><a href="/Team:Cambridge/TheTeam" title="Team:Cambridge/Notebook/Week1">The Team</a></li>
 +
<li><a href="/Team:Cambridge/Notebook/Week1" title="Team:Cambridge/Notebook/Week1"> Notebook</a></li>
 +
<li><a href="/Team:Cambridge/Description" title="Team:Cambridge/Description"> Description</a> </li>
 +
</ul>
 +
 
 +
</p>
 +
</div>
 +
<div id="right">

Latest revision as of 21:11, 15 July 2010

Simple 2 column CSS layout, final layout | 456 Berea Street