Jump to content
Sign in to follow this  
hena

page not aligning on print screen

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>

Share this post


Link to post
Share on other sites

need your css.

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

×
×
  • Create New...