Disappearing Div and floating

**M36Teen** · Sep 9, 2004 18:24

Hey guys, I have two problems with this page. First, here is the URL, http://www.mission36teen.com/tech/

1. The 'nav' div disappears in firefox 0.9, on XP Home w/SP2, and I don't know why.

FIXED: Somehow my comment tags were messing it up. Weird that it only did it in ff 0.9 though.

2. I can't seem to float the content div to the right of the nav div.

TIA

Edit: Forget it, I'm going to tables. I would love to do this in CSS, but I'm pressed for time. Thanks Anyway. :-)

**Paul O'B** · Sep 10, 2004 13:28

Hi,

Sorry I missed the post earlier but heres a quick example without a table

Code:

<!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">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/* CSS Document */
body {
 text-align: center;
 background: rgb(5,52,122);
 min-width:756px;/* for mozilla*/
}
#wrapper {
 width: 756px;
 text-align: left;
 margin-left:auto;
 margin-right:auto;
 background: rgb(20,52,100);
 position:relative;
}
#top {
 background: #EFEFDD;
 color: rgb(5,52,122);
 padding:5px 0 15px 40px;
 margin:0;
}
#nav {
 width: 195px;
 float:left;
 margin-left:-194px;
 position:relative;
 display:inline;
}
#content {
 background: #fff;
 margin-left:195px;
 position:relative;
}
#content a {
 color: navy;
}
#content h3 {margin-top:0;padding-top:0}
#nav a {
 font-size: 18px; 
 color: #FFF;
 text-decoration: none;
}
#nav ul, #nav li {
 margin:0 0 0 20px;
 padding:0;
 list-style-type: circle;
}
#nav ul li {margin-left:20px}
.clearer {
 height:1px;
 overflow:hidden;
 clear:both;
 margin-top:-1px;
}
p#copyright {
 font-size:10px;
 background: #EFEFDD;
 text-align:center;
 color: rgb(5,52,122);
 padding:3px;
 margin:0;
}
</style>
</head>
<body>
<div id="wrapper"> 
  <h1 id="top">Basic HTML and CSS</h1>
  <div id="content"> 
	<div id="nav"> 
	  <ul>
		<li><a href="index.php">Home</a></li>
		<li><a href="basic.php">Basics</a></li>
		<li><a href="css.php">CSS</a></li>
		<li><a href="tables.php">Tables</a></li>
		<li><a href="img.php">Images</a></li>
	  </ul>
	</div>
	<h3>Home</h3>
	<p>Hey Guys,<br />
	  This is just a little website I've put together for you. Because you guys 
	  are asking me a lot of the same questions, I'm just putting the answers 
	  here. If you need to know something, check this website, and <em>then</em> 
	  if it's not here, feel free to ask me! :-)</p>
	<p>Jake,<br />
	  Webmaster of <a href="http://www.mission36teen.com">www.mission36teen.com</a></p>
	<div class="clearer"></div>
  </div>
  <p id="copyright"> Copyright 2004 Jake Smith -- <a href="mailto:tech@mission36teen.com">tech@mission36teen.com</a> 
  </p>
</div>
</body>
</html>

Paul

**M36Teen** · Sep 14, 2004 20:18

Hey, thanks man! As soon as I get the time, I'll change it to that format! :-)

User Tag List

Thread: Disappearing Div and floating

Thread Tools

Display

Disappearing Div and floating

Bookmarks

Bookmarks

Posting Permissions