Skip to content

Instantly share code, notes, and snippets.

@tathamoddie

tathamoddie/css_floats_content_and_nav.html

Forked from dancrowley303/css_floats_content_and_nav.html
Created August 10, 2010 23:50
Show Gist options
  • Save tathamoddie/518239 to your computer and use it in GitHub Desktop.
Save tathamoddie/518239 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
css_floats_content_and_nav.html
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#container
{
width: 900px;
overflow: hidden;
padding: 0;
background: #000;
}
#content
{
background: #F00;
width: 696px;
float: left;
border: solid 1px #000;
}
#navigation
{
background: #0F0;
width: 200px;
float: left;
border: solid 1px #000;
}
#footer
{
width: 900px;
background: #0FF;
}
</style>
</head>
<body>
<div id="container">
<div id="content">
float1<br>
float1<br>
float1<br>
float1<br>
float1<br>
float1<br>
float1<br>
float1<br>
float1<br>
float1<br>
float1<br>
float1<br>
float1<br>
float1<br>
float1<br>
</div>
<div id="navigation">
<a href="nav1">nav1</a><br>
<a href="nav1">nav1</a><br>
<a href="nav1">nav1</a><br>
<a href="nav1">nav1</a><br>
<a href="nav1">nav1</a><br>
<a href="nav1">nav1</a><br>
</div>
</div>
<div id="footer">
footer
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment