Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10
  1. #1
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    3
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Quite Confused? Fire Fox/IE Browser viewing

    Well, I was just informed about a problem on my website.

    For some reason the main webpages are totally out of whack for some users, while for others it works perfectly fine.

    While discussing this with a member, he informed me that it works fine at his house but he goes down the street to his friends and it goes all out of wack.

    Here are the screen shots.

    http://www.vbteam.info/75416-post8.html

    Instead of having to download the screen shots and re upload them I just linked you directly to the single post that has the screen shots on them. This is the same problem for several other users.

    I am using html & css. Do you guys need to see the default.css and index.html codes to make an accurate analysis of what may be the problem?

    Any suggestions would be very helpful.

    Well here ya go just in case you do need it.

    Code:
    /*
    Template name: Fringe Based Template
    Template URI: 
    Release date: 2008-12-29
    Description: Revelation Group Inc.
    Author: Mac Millie
    Author URI: 
    
    Licensed and Designed by Mac Millie of RX Fringe Corp.
    */
    
    /* standard elements */
    * {
    	margin: 0;
    	padding: 0;
    }
    
    a {color: #990000;}
    
    a:hover {color: #660000;}
    
    body {
    	background: #000000;
    	color: #666666;
    	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
    	margin: 3% 0;
    }
    
    p,ul {
    	padding-bottom: 1em;
    }
    
    ul {margin-left: 1.2em;}
    
    li {list-style: none;}
    .main li {list-style-image: url(images/li.gif);}
    
    h1 {font-size: 1.2em;}
    
    blockquote {
    	background: #FFF;
    	border-bottom: 1px solid #EEE;
    	border-top: 1px solid #EEE;
    	color: #333;
    	display: block;
    	font-size: 0.9em;
    	margin-bottom: 1.2em;
    	padding: 6px 12px;
    }
    blockquote p {padding: 3px 0;}
    
    h1,h2,h3 {color: #660000;}
    
    /* misc */
    .clearer {clear: both;}
    .main_right .padded {padding: 6px 2px 6px 16px;}
    .main .padded {padding: 18px 24px;}
    .meta {font-size: 1.0em; color: #666;}
    .left {float: left;}
    .right {float: right;}
    
    /* structure */
    .container {
    	font-size: 1.3em;
    	background: #000000;
    	margin: 0 auto;
    	width: 840px;
    	border: 9px solid #660000;
    }
    
    /* header */
    .header {
    	float: center;
    	width: 600px;
    	height: 135px;
    	background: url(images/header2.png) no-repeat;
    	font: normal 2.4em Verdana,sans-serif;	
    }
    
    /* structure */
    .top {
    	background: #222;
    	color: #DDD;
    	float: left;
    	font: normal 1.4em Verdana;
    	height: 50px;
    	text-align: center;
    	width: 639px;
    }
    .subnav {
    	float: left;
    	width: 160px;
    	color: #000000;
    }
    .main {
    	float: left;
    	width: 480px;
    }
    .main_right {
    	float: right;
    	width: 200px;
    	color: #666666;
    }
    
    /* sub-navigation */
    .subnav h1 {
    	background: url(images/new2.png) repeat-y;
    	color: #660000;
    	font: bold 1.1em Verdana,sans-serif;
    	line-height: 24px;
    	padding-left: 8px;
    }
    .subnav ul {margin: 0; padding: 0;}
    .subnav li {
    	border-bottom: 1px solid #000000;
    	list-style: none;
    }
    .subnav li a {
    	background: #000000;	
    	color: #666666;
    	display: block;
    	padding: 8px 0 8px 12px;
    	width: 148px;
    	font-size: 1.3em;
    	text-decoration: none;
    }
    .subnav li a:hover {
    	background: #666666;
    	color: #660000;
    }
    
    /* footer */
    .footer {
    	background: url(images/bgfooter1.png) repeat-x;
    	color: #CCC;
    	font-size: 0.9em;
    	line-height: 39px;
    	width: 100%;
    	text-align: center;
    }
    .footer .left,.footer .right {padding: 0 16px;}
    .footer a {color: #EEE;}
    .footer a:hover,.footer .right a:hover {color: #FAFCB0;}
    .footer .right, .footer .right a {color: #949474;}

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
    <meta name="description" content="description"/>
    <meta name="keywords" content="keywords"/> 
    <meta name="author" content="author"/> 
    <link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
    <title>Revelation X - The Home of Authentic Fringe Question/Answer/Tutorial Forum</title>
    </head>
    
    <body>
    
    <div class="container">
    
    	<center><div class="header"></div></center>
    
    	<div class="main_right">
    
    		<div class="padded">
    			
    			
    			<h1><u>Synthesis of PETN:</u></h1>
    			<p>This synthesis requires 100% white fuming nitric acid.<br>
    			PETN has a VoD of 8400m/s at a density of 1.773g/cm3.<br>
    			PETN has a relative effectiveness factor of 1.66.<br>
    			Sources for this information are megalomania's controversial chem lab and wikipedia.<br>
    			<a href="http://revelationx29a.com/showthread.php?t=150"> Read More</a></p><br>
    
    			<script type="text/javascript"><!--
    		google_ad_client = "pub-2910717381226104";
    		/* 160x90, created 12/19/08 */
    		google_ad_slot = "6209770366";
    		google_ad_width = 160;
    		google_ad_height = 90;
    		//-->
    		</script>
    		<script type="text/javascript"
    		src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    		</script><br><br>
    
    
    			<h1><u>Bank Vaults, Armored Trucks</u></h1>
    			<p>Four equally important goals must be considered in the making of an armored truck, several of 
    			which work against each other. The first consideration is ballistic resistance. Manufacturers use 
    			hardened steel in thick-nesses varying from 0.125...<br>
    			<a href="http://revelationx29a.com/showthread.php?p=2321#post2321"> Read More</a></p>
    
    		
    			
    
    		</div>
    
    	</div>
    
    <style type="text/css">
    @import url(http://www.google.com/cse/api/branding.css);
    </style>
    <div class="cse-branding-bottom" style="background-color:;color:#FFFFFF">
      <div class="cse-branding-form">
        <form action="http://www.google.com/cse" id="cse-search-box" target="_blank">
          <div>
            <input type="hidden" name="cx" value="partner-pub-2910717381226104:g7yho9-yme6" />
            <input type="hidden" name="ie" value="ISO-8859-1" />
            <input type="text" name="q" size="20" />
            <input type="submit" name="sa" value="Search" />
          </div>
        </form>
      </div>
      <div class="cse-branding-logo">
       
      </div>
      <div class="cse-branding-text">
        Revelation Search Powered by Google Search
      </div>
    </div>
    
    	<div class="subnav">
    
    		<h1>- MAIN -</h1>
    		<ul>
    			<li><a href="index.html">Home</a></li>
    			<li><a href="index.php">Forums</a></li>
    			<li><a href="register.php">Register</a></li>
    			<li><a href="login.php">Login</a></li>
    			<li><a href="about.html">About Us</a></li>
    			<li><a href="disclaimer.html">Site Disclaimer</a></li>
    			<li><a href="staff.php">RX Staff</a></li>
    		</ul>
    
    		<h1>- Tutorials -</h1>
    		<ul>
    			<li><a href="security.html">Security</a></li>
    			<li><a href="combat.html">Combat</a></li>
    			<li><a href="drugs.html">Drugs</a></li>
    			<li><a href="automotive.html">Automotive</a></li>
    			<li><a href="lockp.html">Lock Picking</a></li>
    			<li><a href="chemistry.html">All Chemicals</a></li>
    			<li><a href="explosives.html">All Explosives</a></li>
    			<li><a href="s&f.html">Scams & Fraud</a></li>
    			<li><a href="index.html">Revenge</a></li>
    			<li><a href="survival.html">Survival</a></li>
    		</ul>
    
    
    		<h1>- Links -</h1>
    		<ul>
    			<li><a href="http://www.wikipedia.com">Wikipedia</a></li>
    		</ul>
    
    	</div>
    		
    	<div class="main">
    
    		<div class="padded">
    
    
    			<h1><u>Why Discuss Fringe Information:</u></h1>
    
    			<p>Now, as a fringe group owner you would expect me to believe in uncensorship. I do but maybe not in the same way that you do. I do not believe children under the age of 13 should be allowed access to such information(but hey its the age of the computers, either way it goes they are going to find the information). Still, I don't see how a 10 year old knowing how to build improvised explosives will benefit anything he does at that age. Thats where I stand on this.</p>
    
    <p>Since the start of this forum; it has been my goal to bring a fringe website where the staff answer your questions with knowledgable responses. I guarentee that Revelation X has one of the best fringe forum staff groups on the internet. As a matter a fact majority of my staff carry more knowledge in their heads then majority of your fringe forum staff. Just look, Hex, Bohrium, Dynamo, Bahr on survival, Draven on his guilds. I mean have you seriously sat back and watched what I have done here(with some help) (shout to vex and dynamo). You can obviously note just by how my staff is setup on how I perceive fringe information. I want it to be accurate! I have done that!</p>
    
    <p>I am not part of this to learn to blow up my next door neighbors house or how to poison someone. Neither is it about making different drugs or learning how to intrude someones residence unnoticed. I'm not here to turn myself into a criminal. I do this for 2 reasons:<br><br>
    
    1. <b>The Information</b> - <i>As some of the greatest philosophers said "You can never be to intelligent".</i><br><br>
    
    2. <b>Being Prepared</b> - <i>Ok, we get a mass invasion from another country or we break out into a revolution. How the hell else am I going to protect my family. With a fork and a spoon? Come on these idiots over in North Korea are giving guns to their 5 year old kids and teaching them everything we are discussing on this forum. I mean literally everyone in that damn country could fight in a war.</i></p>
    
    <p>Now off course there will be individuals that will misuse this information. So, because people misuse information like this it should be banned and no one should be allowed to learn it? Well, while we are at it, lets take all the guns away because people misuse guns. Hell, lets go as far as to ban pencils, pens...</p> 
    
    <a href="http://revelationx29a.com/showthread.php?t=618">Read Entire Article</a></br></br>
    
    		      <center><h1><font color=gray>Ad Network</font></h1></center>
    			<center><p>
    			<script type='text/javascript'>
    			var sid = '50560'; 
    			var title_color = '000000'; 
    			var description_color = '646360'; 
    			var link_color = '7FBE00'; 
    			var background_color = 'FFFFFF'; 
    			var border_color = '646360';
    			</script><script type='text/javascript' src='http://www.mediagridwork.com/mx.js'></script>
    			</p></center>
    
    		</div>
    
    	</div>
    	
    	
    
    </body>
    
    </html>

    I didn't know If delete the content or not. Thought it might be best if I left the content as is so everything is seen and nothing is deleted that may possibly be the problem.
    Last edited by Mac Millie; 02-15-2009 at 06:59 PM.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello Mac Millie,
    First thing I see is the floats are not cleared in #container. Change your CSS to this
    Code:
    .container {
    	font-size: 1.3em;
    	background: #000000;
    	margin: 0 auto;
    	width: 840px;
    overflow: auto;
    	border: 9px solid #660000;
    }
    Now look again how FireFox shows it.
    Read about clearing floats like that here.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    Mac Millie (02-15-2009)

  • #3
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    It looks like most(?) of the rest of your problems are found by the validator. Check the links about validating in my sig below.

    It all lays out nicely when you remove the .cse-branding...
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    Mac Millie (02-15-2009)

  • #4
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    Also, XHTML1.1 must be served as xml and cannot be served as html. Needs to switch to xhtml1.0 doctype.

  • Users who have thanked drhowarddrfine for this post:

    Mac Millie (02-15-2009)

  • #5
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    3
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Apparently none of this is working, but I would like to think you guys for your assistance.

    This is the validator information after all the edits

    /index.html validator results


    default.css validator results

    currently no errors, but I do have some warnings with the .css that might seem to be a concern.

    75 .left In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
    78 .right In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected


    I am relatively new at this and I don't quite understand what this means.

    Here is the new code. Edited just as you both suggested.
    (I edited what drhoward suggested)

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <?xml version="1.0" encoding="utf-8" ?
    
    <head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
    <meta name="description" content="description"/>
    <meta name="keywords" content="keywords"/> 
    <meta name="author" content="author"/> 
    <link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
    <title>Revelation X - The Home of Authentic Fringe Question/Answer/Tutorial Forum</title>
    </head>
    *I read the Use The Right DocType article that excavator has in his/her signature. Hopefully, this is what you were talking about.

    This is the .css file edited as suggested above by excavator

    Code:
    * {
    	margin: 0;
    	padding: 0;
    }
    
    a {color: #990000;}
    
    a:hover {color: #660000;}
    
    body {
    	background: #000000;
    	color: #666666;
    	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
    	margin: 3% 0;
    }
    
    p,ul {
    	padding-bottom: 1em;
    }
    
    ul {margin-left: 1.2em;}
    
    li {list-style: none;}
    .main li {list-style-image: url(images/li.gif);}
    
    h1 {font-size: 1.2em;}
    
    blockquote {
    	background: #FFF;
    	border-bottom: 1px solid #EEE;
    	border-top: 1px solid #EEE;
    	color: #333;
    	display: block;
    	font-size: 0.9em;
    	margin-bottom: 1.2em;
    	padding: 6px 12px;
    }
    blockquote p {padding: 3px 0;}
    
    h1,h2,h3 {color: #660000;}
    
    /* misc */
    .clearer {clear: both;}
    .main_right .padded {padding: 6px 2px 6px 16px;}
    .main .padded {padding: 18px 24px;}
    .meta {font-size: 1.0em; color: #666;}
    .left {float: left;}
    .right {float: right;}
    
    /* structure */
    .container {
    	font-size: 1.3em;
    	background: #000000;
    	margin: 0 auto;
    	width: 840px;
    overflow: auto;
    	border: 9px solid #660000;
    }
    
    /* header */
    .header {
    	float: center;
    	width: 600px;
    	height: 135px;
    	background: url(images/header2.png) no-repeat;
    	font: normal 2.4em Verdana,sans-serif;	
    }
    
    /* structure */
    .top {
    	background: #222;
    	color: #DDD;
    	float: left;
    	font: normal 1.4em Verdana;
    	height: 50px;
    	text-align: center;
    	width: 639px;
    }
    .subnav {
    	float: left;
    	width: 160px;
    	color: #000000;
    }
    .main {
    	float: left;
    	width: 480px;
    }
    .main_right {
    	float: right;
    	width: 200px;
    	color: #666666;
    }
    
    /* sub-navigation */
    .subnav h1 {
    	background: url(images/new2.png) repeat-y;
    	color: #660000;
    	font: bold 1.1em Verdana,sans-serif;
    	line-height: 24px;
    	padding-left: 8px;
    }
    .subnav ul {margin: 0; padding: 0;}
    .subnav li {
    	border-bottom: 1px solid #000000;
    	list-style: none;
    }
    .subnav li a {
    	background: #000000;	
    	color: #666666;
    	display: block;
    	padding: 8px 0 8px 12px;
    	width: 148px;
    	font-size: 1.3em;
    	text-decoration: none;
    }
    .subnav li a:hover {
    	background: #666666;
    	color: #660000;
    }
    
    /* footer */
    .footer {
    	background: url(images/bgfooter1.png) repeat-x;
    	color: #CCC;
    	font-size: 0.9em;
    	line-height: 39px;
    	width: 100%;
    	text-align: center;
    }
    .footer .left,.footer .right {padding: 0 16px;}
    .footer a {color: #EEE;}
    .footer a:hover,.footer .right a:hover {color: #FAFCB0;}
    .footer .right, .footer .right a {color: #949474;}
    As I said above, I am relatively new at this. I added the extra line you suggested. I also removed the cse.branding off the home template. The validators are coming back error. Just a few warnings though.
    Last edited by Mac Millie; 02-15-2009 at 11:01 PM.

  • #6
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I just noticed you said you did that. Please post a link to your page.
    Last edited by _Aerospace_Eng_; 02-15-2009 at 11:22 PM.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #7
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    http://www.revelationx29a.com/index.html looks right in FF3, IE8, IE7 and IE6.

    Just a couple things left:

    Quote Originally Posted by Mac Millie View Post
    The validators are coming back error. Just a few warnings though.
    • Your & 's should be changed to &amp;'s
    • Your </br>'s should be <br />'s
    • Your missing a closing tag for one of your divs.
    • there is no such thing as float:center;
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    Mac Millie (02-16-2009)

  • #8
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    This is not correct:
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <?xml version="1.0" encoding="utf-8" ?
    Now you are declaring HTML but using XHTML elements. Since everything is already written as XHTML, you should do this:
    Code:
    <?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    Note that, while the first line is correct usage, only modern browsers handle it correctly while IE6 will go into quirks mode and IE7 and IE8 ignore it altogether since they don't do XHTML. You can safely remove it.

  • Users who have thanked drhowarddrfine for this post:

    Mac Millie (02-16-2009)

  • #9
    New to the CF scene
    Join Date
    Feb 2009
    Posts
    3
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Well, I am getting an error free page on my css and home page. I'm currently re-editing the rest of the pages to corroborate with the homepage.

    Thank you all for your assistance. Below is the new revised codes for the homepage and the css style sheet.

    Code:
    <?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    
    <head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <meta name="description" content="description">
    <meta name="keywords" content="keywords">
    <meta name="author" content="Fringe information. Securities, ">
    <link rel="stylesheet" type="text/css" href="default.css" media="screen">
    <title>Revelation X - The Home of Authentic Intelligent Fringe Discussion</title>
    </head>
    
    <body>
    
    <div class="container">
    
    	<div class="header"></div>
    
    	<div class="main_right">
    
    		<div class="padded">
    			
    			
    			<h1>Synthesis of PETN:</h1>
    			<p>This synthesis requires 100% white fuming nitric acid.<br />
    			PETN has a VoD of 8400m/s at a density of 1.773g/cm3.<br />
    			PETN has a relative effectiveness factor of 1.66.<br />
    			Sources for this information are megalomania's controversial chem lab and wikipedia.<br />
    			<a href="http://revelationx29a.com/showthread.php?t=150"> Read More</a></p><br />
    
    			<script type="text/javascript"><!--
    		google_ad_client = "pub-2910717381226104";
    		/* 160x90, created 12/19/08 */
    		google_ad_slot = "6209770366";
    		google_ad_width = 160;
    		google_ad_height = 90;
    		//-->
    		</script>
    		<script type="text/javascript"
    		src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    		</script>
    			<br />
    
    				<br />
    
    
    			<h1>Bank Vaults, Armored Trucks</h1>
    			<p>Four equally important goals must be considered in the making of an armored truck, several of 
    			which work against each other. The first consideration is ballistic resistance. Manufacturers use 
    			hardened steel in thick-nesses varying from 0.125...<br />
    			<a href="http://revelationx29a.com/showthread.php?p=2321#post2321"> Read More</a></p>
    
    			<p class="meta"><b>RX Is Validated:<br />
    			Feb. 15th '09</b></p>
    			<p>
    				<a href="http://jigsaw.w3.org/css-validator/check/referer">
                            <img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" />
    				</a>
    			</p>
    			<p>
        			<a href="http://validator.w3.org/check?uri=referer">
    		<img src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01 Strict" height="31" width="88">
    
    		</a>
      </p>
    
    
    		
    			
    
    		</div>
    
    	</div>
    
    
    	<div class="subnav">
    
    		<h1>- MAIN -</h1>
    		<ul>
    			<li><a href="index.html">Home</a></li>
    			<li><a href="index.php">Forums</a></li>
    			<li><a href="register.php">Register</a></li>
    			<li><a href="login.php">Login</a></li>
    			<li><a href="about.html">About Us*</a></li>
    			<li><a href="disclaimer.html">Site Disclaimer</a></li>
    			<li><a href="staff.php">RX Staff</a></li>
    		</ul>
    
    		<h1>- Tutorials -</h1>
    		<ul>
    			<li><a href="security.html">Security</a></li>
    			<li><a href="combat.html">Combat</a></li>
    			<li><a href="drugs.html">Drugs</a></li>
    			<li><a href="automotive.html">Automotive*</a></li>
    			<li><a href="lockp.html">Lock Picking*</a></li>
    			<li><a href="chemistry.html">All Chemicals*</a></li>
    			<li><a href="explosives.html">All Explosives*</a></li>
    			<li><a href="snf.html">Scams | Fraud*</a></li>
    			<li><a href="index.html">Revenge*</a></li>
    			<li><a href="survival.html">Survival*</a></li>
    		</ul>
    
    
    		<h1>- Links -</h1>
    		<ul>
    			<li><a href="http://www.wikipedia.com">Wikipedia</a></li>
    		</ul>
    
    	</div>
    		
    	<div class="main">
    
    		<div class="padded">
    			
    			<p>*links currently being updated!</p>
    
    			<h1>Why Discuss Fringe Information:</h1>
                            
    			<p>Now, as a fringe group owner you would expect me to believe in uncensorship. I do but maybe not in the same way that you do. I do not believe children under the age of 13 should be allowed access to such information(but hey its the age of the computers, either way it goes they are going to find the information). Still, I don't see how a 10 year old knowing how to build improvised explosives will benefit anything he does at that age. Thats where I stand on this.</p>
    
    <p>Since the start of this forum; it has been the Revelation Staffs goal to bring a fringe website where the staff answer your questions with knowledgable responses. I guarentee that Revelation X has one of the best fringe forum staff groups on the internet. Just look, Hex, Bohrium, Dynamo, Bahr on survival, Draven on his guilds. I mean have you seriously sat back and watched what the Staff has done here. You can obviously note just by how my staff is setup on how I perceive fringe information. I want it to be accurate!</p>
    
    <p>I am not part of this to learn to blow up my next door neighbors house or how to poison someone. Neither is it about making different drugs or learning how to intrude someones residence unnoticed. I'm not here to turn myself into a criminal. I do this for 2 reasons:<br /><br />
    
    1. <b>The Information</b> - <i>As some of the greatest philosophers said "You can never be to intelligent".</i><br /><br />
    
    2. <b>Being Prepared</b> - <i>Ok, we get a mass invasion from another country or we break out into a revolution. How the hell else am I going to protect my family. With a fork and a spoon? Come on these idiots over in North Korea are giving guns to their 5 year old kids and teaching them everything we are discussing on this forum. I mean literally everyone in that damn country could fight in a war.</i></p>
    
    <p>Now off course there will be individuals that will misuse this information. So, because people misuse information like this it should be banned and no one should be allowed to learn it? Well, while we are at it, lets take all the guns away because people misuse guns. Hell, lets go as far as to ban pencils, pens...</p> 
    
    <a href="http://revelationx29a.com/showthread.php?t=618">Read Entire Article</a>
                                <br />
    						<br />
    
    			
    
    			<h1>Ad Network</h1>
    			<p>
    			<script type='text/javascript'>
    			var sid = '50560'; 
    			var title_color = '000000'; 
    			var description_color = '646360'; 
    			var link_color = '7FBE00'; 
    			var background_color = 'FFFFFF'; 
    			var border_color = '646360';
    			</script><script type='text/javascript' src='http://www.mediagridwork.com/mx.js'></script>
    			</p>
    
    		</div>
    
    	</div>
    	
    	
    </div>
    </body>
    
    </html>
    CSS

    Code:
    * {
    	margin: 0;
    	padding: 0;
    }
    
    a {color: #990000;}
    
    a:hover {color: #660000;}
    
    body {
    	background: #000000 url(images/back.gif);
    	color: #CCCCCC;
    	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
    	margin: 3% 0;
    }
    
    p,ul {
    	padding-bottom: 1em;
    }
    
    ul {margin-left: 1.2em;}
    
    li {list-style: none;}
    .main li {list-style-image: url(images/li.gif);}
    
    h1 {font-size: 1.2em;}
    
    blockquote {
    	background: #FFF;
    	border-bottom: 1px solid #EEE;
    	border-top: 1px solid #EEE;
    	color: #333;
    	display: block;
    	font-size: 0.9em;
    	margin-bottom: 1.2em;
    	padding: 6px 12px;
    }
    blockquote p {padding: 3px 0;}
    
    h1,h2,h3 {color: #990000;}
    
    /* misc */
    .clearer {clear: both;}
    .main_right .padded {padding: 6px 2px 6px 16px;}
    .main .padded {padding: 18px 24px;}
    .meta {font-size: 1.0em; color: #FF6600;}
    .left {float: left; width: 200px;}
    .right {float: right; width: 160px}
    
    /* structure */
    .container {
    	font-size: 1.3em;
    	background: #000000;
    	margin: 0 auto;
    	width: 840px;
    	overflow: auto;
    	border: 9px solid #000000;
    }
    
    /* header */
    .header {
    	width: 600px;
    	height: 135px;
    	background: url(images/header2.png) no-repeat;
    	font: normal 2.4em Verdana,sans-serif;	
    }
    
    /* structure */
    .top {
    	background: #222;
    	color: #DDD;
    	float: left;
    	font: normal 1.4em Verdana;
    	height: 50px;
    	text-align: center;
    	width: 639px;
    }
    .subnav {
    	float: left;
    	width: 160px;
    	color: #000000;
    }
    .main {
    	float: left;
    	width: 480px;
    }
    .main_right {
    	float: right;
    	width: 200px;
    	color: #CCCCCC;
    }
    
    /* sub-navigation */
    .subnav h1 {
    	background: url(images/new2.png) repeat-y;
    	color: #990000;
    	font: bold 1.1em Verdana,sans-serif;
    	line-height: 24px;
    	padding-left: 8px;
    }
    .subnav ul {margin: 0; padding: 0;}
    .subnav li {
    	border-bottom: 1px solid #000000;
    	list-style: none;
    }
    .subnav li a {
    	background: #000000;	
    	color: #FFFFFF;
    	display: block;
    	padding: 8px 0 8px 12px;
    	width: 148px;
    	font-size: 1.3em;
    	text-decoration: none;
    }
    .subnav li a:hover {
    	background: #666666;
    	color: #660000;
    }
    
    /* footer */
    .footer {
    	background: url(images/bgfooter1.png) repeat-x;
    	color: #CCC;
    	font-size: 0.9em;
    	line-height: 39px;
    	width: 100%;
    	text-align: center;
    }
    .footer .left,.footer .right {padding: 0 16px;}
    .footer a {color: #EEE;}
    .footer a:hover,.footer .right a:hover {color: #FAFCB0;}
    .footer .right, .footer .right a {color: #949474;}

    I think it is completed now hopefully. Thanks for all the assistance!

  • #10
    Senior Coder jerry62704's Avatar
    Join Date
    Oct 2007
    Location
    Springfield, IL
    Posts
    1,100
    Thanks
    13
    Thanked 87 Times in 87 Posts
    I didn't see a response to the css errors.

    currently no errors, but I do have some warnings with the .css that might seem to be a concern.

    75 .left In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
    78 .right In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select, or object) are not affected
    Code:
    /* misc */
    .clearer {clear: both;}
    .main_right .padded {padding: 6px 2px 6px 16px;}
    .main .padded {padding: 18px 24px;}
    .meta {font-size: 1.0em; color: #666;}
    .left {float: left;}
    .right {float: right;}
    What that is saying is on line 75 you have a class (.left) that doesn't have a width. As seen above, they are right. If you float something, it has to have a width. That width is either put in by you or taken from a contained image. You can change it to this:
    .left {float:left; width:100px;} (using whatever the width you want)

    You can also code it to a percentage "width:20%;" Same is true on the line 78 .right part as well.
    .
    .
    ...and gladly would he learn and gladly teach

    Visit www.LiberalsWin.com for humor and the unique Bush/Obama Approval Polls


  •  

    Posting Permissions

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