Jump to content

page not aligning on print screen


hena

Recommended Posts

hi friends,i am trying to develop a site ,as i am very much new to developing googling alone not helping me to resolve my issue.my problem now is i have horizontal menu with vertical dropdown menu.it is working perfectly with chrome but to check for the alignment when i press print screen all 4 main html pages header logo is moving towards center when i press print screen.but for sub menu this code is working perfectly fine. i doubt sub menu it is high in contents and on the menu contents are less ,is it something cos of tat.i am totally worried.can someone please help meee

<!DOCTYPE html><!--using html 5--><html lang="en-US"><head><meta name="description" content="for family safety"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><meta http-equiv="X-UA-Compatible" content="IE=edge" /><meta http-equiv="X-UA-Compatible" content="chrome=1" />         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link href="index.css" rel="stylesheet" type="text/css" /></head><body><div id="header"><!--starts of header-->	<div id="site_title">	<h2>'IMPROVING HSE AT HOME' site!</h2>	<img class="image_wrapper image_fr" src="images/Logo_lockup.jpg" alt="image" />    <br><br><br>	</div></div> <!-- end of header --><div id="menu"> <!--starts of menu--><nav><ul><li><a href="index1.html">Home</a></li><li><a href="health.html" class="current">Health</a></li><li><a href="safety.html">Safety</a></li><li><a href="environment.html">Environment</a></li></ul></nav></div><!--end of menu--><div id="main"><!--start of main-->  <div class="inner_box last">     <div class="col_w900_last">    	 <div class="col_w420 lp_box float_l">		    <div class="inner_box">                <h2>HEALTH</h2>                   <P class="intro">Due to weather conditions in our Region, d healthy places to live.<br>                   			</div>		</div>		<div class="col_w420 float_r">          	<div class="post_box">            <div class="post_header">			  <img width="400" height="400" src="images/Health_93453718.jpg" alt="Image 001" />               </div> 		</div>	</div> </div></div> </div>  <!--end of main--><div id="footer">   </div> <!-- end of footer --></body></html>
Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...