Everything works fine, until I put in the
iframe code in test2.html. If you take it out, you'll see the navigation box to the left. With it in, you see it disappear.
style.css
body
{
background-color: black;
margin:0;
padding:0;
line-height: 1;
}
A:link
{ FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none}
A:active
{ FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none}
A:visited
{ FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: none}
A:hover
{ FONT-SIZE: 12px; COLOR: #000000; TEXT-DECORATION: underline}
#topsection
{
background-color: black;
color: rgb(19,211,1);
height: 50px;
}
#topsection h1
{
margin: 0;
padding-top: 15px;
}
#contentwrapper
{
float: left;
width: 100%;
}
#contentcolumn
{
margin-left: 210px;
background: rgb(128,128,64);
}
#leftcolumn
{
float: left;
width: 200px;
margin-left: -100%;
background: rgb(19,211,1);
}
#footer
{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
}
#footer a
{
color: #FFFF80;
}
.innertube
{
margin: 10px;
margin-top: 0;
}
test2.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>XHTML/CSS Test</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="maincontainer">
<div id="topsection"><div class="innertube"><h1>Warlocks Cove</h1></div></div>
<div id="contentwrapper">
<div id="contentcolumn">
<div class="innertube">
<iframe src="intro.htm" height="200" width="200" frameborder="0" />
<br />
<br />
</div>
</div>
</div>
<div id="leftcolumn">
<div class="innertube">
<b>Portfolio Portal</b><br />
<a href="index.html">News</a><br />
<a href="about.html">About</a><br />
<a href="contact.html">Contact</a><br /><br />
<b>Computer Programs</b><br />
<a href="computer/guessthenumber.html">Guess the Number</a><br />
<a href="computer/zombiedefense.html">Zombie Defense</a><br />
</div>
</div>
<div id="footer"> <a href="http://validator.w3.org/check?uri=referer">
<img src="http://www.w3.org/Icons/valid-xhtml10-blue"
alt="Valid XHTML 1.0 Transitional" height="31" width="88" />
</a>
</div>
</div>
</body>
</html>
