SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Aug 2004
    Location
    OK
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Disappearing Div and floating

    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. :-)
    Last edited by M36Teen; Sep 9, 2004 at 18:40. Reason: I needed to. :-)
    God Bless,
    Jake

    My Blog -- www.mission36teen.com

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,868
    Mentioned
    159 Post(s)
    Tagged
    4 Thread(s)
    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

  3. #3
    SitePoint Enthusiast
    Join Date
    Aug 2004
    Location
    OK
    Posts
    40
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey, thanks man! As soon as I get the time, I'll change it to that format! :-)
    God Bless,
    Jake

    My Blog -- www.mission36teen.com


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •