Jump to content
  • Advertisement
Sign in to follow this  
Ueneth Echil

[web] iframe gets rid of my left CSS block

This topic is 3972 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
×

Important Information

By using GameDev.net, you agree to our community Guidelines, Terms of Use, and Privacy Policy.

We are the game development community.

Whether you are an indie, hobbyist, AAA developer, or just trying to learn, GameDev.net is the place for you to learn, share, and connect with the games industry. Learn more About Us or sign up!

Sign me up!