Sign in to follow this  

[web] iframe gets rid of my left CSS block

This topic is 3724 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

This topic is 3724 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.

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this