• Advertisement
Sign in to follow this  

[web] iframe gets rid of my left CSS block

This topic is 3797 days old which is more than the 365 day threshold we allow for new replies. Please post a new topic.

If you intended to correct an error in the post then please contact us.

Recommended Posts

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>

Share this post


Link to post
Share on other sites
Advertisement
Sign in to follow this  

  • Advertisement