HTML and CSS Reference
In-Depth Information
#header {
background: #272727 url(header-bg.gif) repeat-x bottom left;
padding:10px 15px 10px 13px;
}
#content-wrapper {
width: 100%;
background: #fff url(nav-to-content-trans.gif) repeat-y right;
float: left;
margin-right: -200px;
}
#content-inner {
margin-right: 200px;
padding:5px 15px 0 15px;
}
#navigation {
width: 200px;
float: right;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
</style>
</head>
<body>
<div id="wrapper" class="clearfix">
<div id="header">
<img src="swanky-header-graphic.gif" alt="Swanky header graphic" width="377"
➥
height="41" />
</div>
<div id="content-wrapper">
<div id="content-inner">
<p>We flew with Czech Airlines ... </p>
</div>
</div>
<div id="navigation">
<ul>
<li><a href="day1.html">Day 1 (arrival)</a></li>
<li><a href="day2.html">Day 2 (kutna Hora)</a></li>
