#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2013
    Posts
    2
    Rep Power
    0

    Main content not displaying below the header?


    Hi, I'm tyring to set up this page, and the main content does not display below the header, instead it seems to be behind the header. What should I do to make the main page content apear in the proper location.

    Heres my code:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html> 
    
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>index</title>
    
    <meta http-equiv="imagetoolbar" content="false">
    
    <style type="text/css">
    <!--
    
    a:link {color: #0000ff;}
    a:visited {color: #800080;}
    a:active {color: #ff0000;}
    
    body {
      margin: 0;
      height: 100%;
      width: 100%;
      background-color: #ffffff;
      min-width: 240px;
    }
    
    .ie7 body,
    	.ie8 body {
    	    min-width: 860px; /* media queries are not supported in ie7/8 without a polyfill */
    	}
    	.main {
    	    background: #fff;
    	    padding: 40px 0 60px;
    	    min-height: 300px;
    	}
    
    img {
      border-width: 0;
      vertical-align: top;
    }
    .dfltt {
      font-family: 'Times New Roman';
      font-size: 12px;
      font-weight: normal;
      font-style: normal;
      text-decoration: none;
      text-align: left;
      color: #000000;
    }
    .lalign {
      position: relative;
      text-align: left;
    }
    .ralign {
      position: relative;
      text-align: right;
    }
    .calign {
      position: relative;
      text-align: center;
    }
    .jalign {
      position: relative;
      text-align: justify;
    }
    #Oobj6 {
      background: #000000;
      position: absolute;
      font-size: 10px;
      z-index: 1;
      width: 100%;
      height: 15.70em;
    }
    img#Ggeo6 {
      width: 100%;
      height: 100%;
    }
    #Oobj1 {
      position: absolute;
      font-size: 10px;
      z-index: 2;
      left: 0.20em;
      top: 0.20em;
      width: 14.80em;
      height: 15.00em;
    }
    img#Ggeo1 {
      width: 100%;
      height: 100%;
    }
    #Oobj3 {
      background: #000000;
      position: absolute;
      font-size: 10px;
      z-index: 3;
      text-align: left;
      left: 15.40em;
      top: 3.20em;
      width: 53.80em;
      height: 5.30em;
    }
    img#Gtitle9 {
      width: 100%;
      height: 100%;
    }
    #Oobj4 {
      position: absolute;
      font-size: 10px;
      z-index: 4;
      text-align: left;
      left: 15.50em;
      top: 7.90em;
      width: 40.00em;
      height: 2.90em;
    }
    .txt0 {
      font-family: Tahoma, sans-serif;
      font-size: 19px;
      color: #ffffff;
    }
    .bold {font-weight: bold;}
    
    /* GENERIC STYLES */
     
    .typography * {
    	font-family: Georgia, 'Times New Roman', Times, serif; 
    }
    
    /* PARAGRAPHS */
    
    .typography p { 
     	color: #666;
     	line-height: 1.25em;
     	font-size: 0.9em;
    	margin: 0 0 18px 0;
    }
    
    
    /* QUOTES */
    
    .typography blockquote {
    	margin: 10px;
    	font-size: 1.4em;
    	color: #777;
    	font-style: italic;
    }	
    .typography q {
    	display:block;
    	font-size: 0.8em;
    	margin: 1em 1em;
    	padding: 0.5em;
    	border: 1px #ccc solid;
    }
    
    
    /* LINKS */
    
    .typography a { 
     	text-decoration: underline; 
    	color: #4ea3d7;
    }
    	.typography a:hover { 
     		text-decoration: underline;
    		color: #0099FF;
    	}
    
    	/* LINK ICONS - shows type of file */
    	
    	.typography a[href$=".pdf"],
    	.typography a[href$=".PDF"],
    	.typography a.pdf {
    		padding: 2px;
    		padding-left: 20px;
    		background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
    	}
    	.typography a[href$=".doc"],
    	.typography a[href$=".DOC"],
    	.typography a.doc {
    		padding: 2px;
    		padding-left: 20px;
    		background: url(../images/icons/page_word.png) no-repeat left center;
    	}
    	.typography a[href$=".xls"],
    	.typography a[href$=".XLS"],
    	.typography a.xls {
    		padding: 2px;
    		padding-left: 20px;
    		background: url(../images/icons/page_excel.png) no-repeat left center;
    	}
    	.typography a[href$=".gz"],
    	.typography a[href$=".GZ"],
    	.typography a[href$=".gzip"],
    	.typography a[href$=".GZIP"],
    	.typography a[href$=".zip"],
    	.typography a[href$=".ZIP"],
    	.typography a.archive {
    		padding: 2px;
    		padding-left: 20px;
    		background: url(../images/icons/page_white_zip.png) no-repeat left center;
    	}
    	.typography a[href$=".exe"],
    	.typography a[href$=".EXE"],
    	.typography a.application {
    		padding: 2px;
    		padding-left: 20px;
    		background: url(../images/icons/application.png) no-repeat left center;
    	}
    
    /* LIST STYLES */
    
    .typography ul, 
    .typography ol {
    	margin: 0 0 18px 24px;
    	color: #666;
    }
    	.typography li {
    		margin: 5px 10px;
    		font-size: 0.85em;
    	}
    		.typography li li {
    			font-size: 0.9em;
    			margin: 10px 5px;
    		}
    		
    		
    /* HEADER STYLES  */
    
    .typography h1,
    .typography h2 { 
    	color: #4EA3D7; 
    	margin: 0 0 18px 0;
    	font-weight: 300;
    	font-family: Georgia, 'Times New Roman', Times, serif; 
    }
    	#Layout .typography h1,
    	#Layout .typography h2  {
    		text-align: center;
    	}
    .typography h1 {
    	font-size: 3em;
    	line-height: 120%;
    }
    .typography h2 { 
     	font-size: 1em;
    	line-height: 120%;
    }	
    .typography h3 {
    	color: #222;
    	margin: 0 0 18px 0;
    	font-weight: 300;
    	clear: both;
    	font-size: 18px;
    }
    .typography h4 {
    	font-size: 16px;
    	color: #666;
    	width: 95%;
    	font-weight: 300;
    	line-height: 18px;
    	border-bottom: 1px solid #666;
    	margin: 16px 0 16px 0;
    	padding-bottom: 3px;
    }
    .typography h5 {
    	font-size: 14px;
    	color: #222;
    	font-weight: 700;
    	margin: 0 0 12px 0;
    }
    .typography h6 {
    	font-size: 13px;
    	color: #555;
    	line-height: 1.4em;
    	margin: 0 0 12px 0;
    }
    
    
    /* PRE STYLES  */	
    
    .typography pre {
    	font-family:"Courier New",Courier;
    	display:block;
    	font-size:1.2em;
    	margin:2em 5em;
    	padding:0.5em;
    	border:1px #ccc solid;
    	background:#eee;;
    }
    
    -->
    </style>
    </head> 
    
    <body>
    <header>
    <div id="Oobj6">
    </div>
    
    <div id="Oobj1">
    <img id="Ggeo1" src="./image/logo.png" alt="">
    </div>
    
    <div id="Oobj3">
    <img id="Gtitle9" src="./geometry/obj3title9pg1p5.png" alt=""></div>
    
    <div id="Oobj4">
    <div id="Grtf10" class="dfltt">
    <span class ="txt0"><span class ="bold">Rise &amp; Overcome</span><br>
    </span></div>
    </div>
    </header>
    
    <div class="main">
    	<div class="typography h1">Business Growth Consultation</div>
    	<div id="left_badges">
    	<img src="SatisfactionGuaranteedBadge.png">
    	</div> <div id="opt-in_form"></div>
    	<div id="article">
    		<div id="prime_video"></div>
    		#<div id="application_form">
    		<!-- <div id="app_audio_instructions"> -->
    		</div>
    		<div id="not_ready_arrow">Not Ready? Subscribe to our list for useful tips. We don't spam!</div>
    	</div>
    </div>
    
    </body> 
    </html>
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jul 2013
    Posts
    2
    Rep Power
    0
    Never mind, got it. just had to remove object6 positioning statement.

IMN logo majestic logo threadwatch logo seochat tools logo