Here is our mark-up:
1 <p class="sidebar-nav"><a href="#">Left Sidebar Content</a> | <a
href="#">Right Sidebar Content</a></p>
2
3 <div id="content">(^4)
Main Content
5
brent
(Brent)
#1
5
6
7
11
12
In our default style sheet below, we have hidden the links to the sidebar
content. Because our screen is large enough, we can display this content on
page load.
Here is the style.css (default) content:
1 #content{
(^2) width: 54%;
(^3) float: left;
(^4) margin-right: 3%;
5 }
6
7 #sidebar-left{
(^8) width: 20%;
(^9) float: left;