0

I am design a website using html/css and i have a problem that when i click other pages which are linked with main page the whole page moves slightly towards right. is any body help me. if you don't understand then i will send you whole code. thanks

6
Contributors
11
Replies
12
Views
8 Years
Discussion Span
Last Post by almostbob
0

Without viewing your actual website, it's a bit tricky to guess what the problem is.

0

try using the w3 valiadator on the problem page. if there is a mistake, it will find it!

0

Post your website address or source code, so that we can look for the problem and understand it well to help you in finding your problem.

By looking at your question you have posted, it seems that there is an align/ margin/ padding problem somewhere in your code look for it, may be you can fix it yourself.

Regards
Surya

0

not your whole damn web site, images & assorted crap,
just the html and css,
of the affected page,
those are text files, and if they are 14MB zipped you have other problems,
post code between [code] code [/code] tags
so it looks like this

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<?php define("_BBCLONE_DIR", "./bbclone/");
define("COUNTER", _BBCLONE_DIR."mark_page.php");
if(isset($_SERVER['HTTP_REFERER'])) { $haystack=$_SERVER['HTTP_REFERER']; }
else { $haystack='empty'; }
$needle = 'mysite';
if(!strpos($haystack,$needle)) { define("_BBC_PAGE_NAME", "external.rejected");
if (is_readable(COUNTER)) include_once(COUNTER);
header("Location: http://www.mysite.com/"); 
exit; }
define("_BBC_PAGE_NAME", "external.".$ext);
if (is_readable(COUNTER)) include_once(COUNTER);
?>
<title>Linking <?php if(!$ext){$ext = '/home2.php';} echo $ext ; ?> -mysite</title><link rel='stylesheet' href='/style.css.php' type="text/css" media='all'><script type="text/javascript" src="/script.js.php"></script></head><body>
<?php echo "<div style='height:4.5%;'><center>External site &nbsp;<a href='";
if (isset($_SERVER['HTTP_REFERER'])) {echo $_SERVER['HTTP_REFERER']; }
else {echo "/reload.php";}
echo "'>&nbsp;<font Size=-1>Return to</font> referring&nbsp;page&nbsp;</a></center></div>";
echo "<iframe style='scrollbar-arrow-color: #567;scrollbar-3dlight-color: #fff;scrollbar-face-color: #ccc; scrollbar-highlight-color: #505050;' name='extern' id='extern' frameborder=0 width='100%' height='800' src='$ext'>outside page</iframe></body></html>"; ?>

code
code=php
code=css
code=javascript
code=apache
code=sql
tells the handler how the code formats, makes it very easy for others to see errors, that you may have looked past a 1000 times,
everybody knows what they want the code to do and types padding-left:1em; padding-right:2em; instead of padding-left:2em; padding-right:1em; just never notice
If you dont have one, an editor with code highlighting, makes it easy on the desktop

Edited by almostbob: n/a

0

almostbob can you please come online on skype my id is huma.zamir

0

Humaza
most who post here will answer, or try their best, any sort of query, here on the forum,
keeping solutions where everyone can see them helps others who have similar problems
post the code as directed

If you want personalised at-call service, you'll have to hire somebody

Edited by almostbob: n/a

0

HI i am sending you two pages code with css . please check this out.

/*************MAIN PAGE 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>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>main</title>
<link rel="stylesheet" type="text/css" href="media/styles.css" />

</head>

<body>
<div class="container">
	<div class="header">
	
		<div class="logo"><a href="main.html"><img alt="" src="media/logo.png"/></a></div>
		
		<div class="banner"><img alt="" src="media/banner.png"/></div>
	
	
	
	</div>
	<div class="menus">
	
	
		<ul>
					<li><a href="main.html" class="home">Home</a></li>
					<li><a href="#" class="about">About</a></li>
					<li><a  href="#"  class="girlsguide">Girls Guide</a></li>
					<li><a href="#" class="events">Events</a></li>
					<li><a href="#" class="news">News</a></li>
					<li><a href="#" class="resources">Resources</a></li>
					<li><a href="#" class="supportus">Support Us</a></li>
					<li><a href="#" class="contactus">Contact Us</a></li>
					<li><a href="#" class="ourcountry">Our Country</a></li>
				

		
		
		
		</ul>
	
	</div>
	
	<div class="border"></div>
	
	<div class="contentarea">
	
		<div class="loginarea">
			<p>Member /Sign in</p>
			Username <input name="Text1" type="text" /><br/><br/>
			Password&nbsp;  <input name="Text1" type="text" />
			<p>Not a Member? <a href="#">Sign in here</a></p>
			
		
		</div> 
		<div class="flashbanner">
			<object width="253" height="197" style="padding: 13px 0px 0px 50px;" >
			<param name="movie" value="media/new.swf"/>
			<embed src="media/new.swf" width="253" height="197" >
			</embed>
			</object>
		
		</div>
		<div class="quotation"><p> The Pakistan Girl Guides Association (PGGA) is the national Guiding organization of Pakistan.
						 It serves 71,478 members (as of 2003). Founded in 1911 as part of Indian Girl Guiding, 
						 the girls-only organization became independent in 1947 and a full member of the 
						 World Association of Girl Guides and Girl Scouts in 1948.</p>
</div>
	
	</div>
	
	<div class="contentarea2">
	
		<div class="leftsidebar">
		
			<img src="media/treasure.png" alt=""/>
			
			<img alt="" src="media/gww.png "/>
			
			<img alt="" src="media/worldcentre.jpg"/>
			
		</div>
		
		<div class="textareamain" >
		<div class="textarea" >
		
			<div class="textarealeft"><a href="#"><img alt="" src="media/DSC_0392.JPG" style="width: 90%; height: 90%;"/></a></div>
				
			<div class="textareatext">
			
				<h3>"Investiture Ceremony of Begum Fouzia Yousaf Raza Gillani” as the Chief Guide of PGGA</h3>
				
				<span> 3rd May, 2010</span>
				
				
				<p>Pakistan Girl Guides Association has marked the launch of Centenary Celebrations with the “Investiture Ceremony of Begum Fouzia Yousaf Raza Gillani” as the Chief Guide of Pakistan Girl Guides Association</p>
			
			
				<div class="link"><img alt="" src="media/arrow.png "/><a href="#">More Events</a></div>
			
			</div> 
			</div>
			
			<div class="textarea" >
		
				<div class="textarealeft"><a href="#"><img alt="" src="media/Guides-during-a-seminar-on-health-day.jpg " style="width: 90%; height: 90%;"/></a></div>
				
				<div class="textareatext">
			
				<h3>Celebration of World Health Day</h3>
				
				<span> 7th  April</span>
				
				
				<p>Each year on April 7th, the world celebrates World Health Day. On this day
				 around the globe, thousands of events mark the importance of health for productive
				  and happy lives.</p>
			
			
				<div class="link"><img alt="" src="media/arrow.png "/><a href="#">More Events</a></div>
			
				</div> 
		
		
		
			</div>
		
			<div class="textarea" >
		
				<div class="textarealeft"><a href="#"><img alt="" src="media/dignity-of-labor.jpg" style="width: 90%; height: 90%;"/></a></div>
			
				<div class="textareatext">
			
					<h3>Celebration of World Labor Day</h3>
					
					<span> 1st  May</span>
				
				
					<p>International Workers' is a celebration of the international labor movement.
					 It commonly sees organized street demonstrations and marches by working people
				 	 and their labor unions throughout most of the world. </p>
			
			
				<div class="link"><img alt="" src="media/arrow.png "/><a href="#">More Events</a></div>
			
				</div> 
		
		
		
		</div>
		
		
		<div class="textarea" >
		
			<div class="textarealeft"><a href="#"><img alt="" src="media/environment-day.JPG " style="width: 90%; height: 90%;"/></a></div>
			
			<div class="textareatext">
			
				<h3>Celebration of World Environment Day</h3>
				
				<span> 5th  June</span>
				
				<p>World Environment Day is a day that stimulates awareness of the environment
				 and enhances political attention and public action. 5th June  was the day when
				  United Nations Conference on the Human Environment began.</p>
			
			
				<div class="link"><img alt="" src="media/arrow.png "/><a href="#">More Events</a></div>
			
			</div> 
		
		
		
		</div>
		
		
		<div class="textarea" >
		
			<div class="textarealeft"><a href="#"><img alt="" src="media/dummypic.JPG" style="width: 90%; height: 90%;"/></a></div>
			
			<div class="textareatext">
			
				<h3>Celebration of World Drug Day</h3>
				
				<span> 26th  June</span>
				
				
				<p>Around the world different events are organized on this day to
				 celebrate the International Day against Drug Abuse and Illicit
				  Trafficking. </p>
			
			
				<div class="link"><img alt="" src="media/arrow.png "/><a href="#">More Events</a></div>
			
			</div> 
		
		
		
		</div>
		
		
		
		<div class="textarea" >
		
			<div class="textarealeft"><a href="#"><img alt="" src="media/Miss-Fatima-Jinnah-Meeting-Guides.png " style="width: 90%; height: 90%;"/></a></div>
			
			<div class="textareatext">
			
				<h3>Celebration of Madar-e- Milat Day</h3>
				
				<span> 9th  July</span>
				
				
				<p>This day is celebrated by PAKISTAN GIRL GUIDES to pay tribute to a woman
				 known in Pakistan as Khātūn-e Pakistan ("Lady of Pakistan") and Māder-e Millat
				  ("Mother of the Nation.") </p>
			
			
				<div class="link"><img alt="" src="media/arrow.png "/><a href="#">More Events</a></div>
			
			</div> 
		
		
		
		</div>
		
		
				
		
		<div class="textarea" >
		
			<div class="textarealeft"><a href="#"><img alt="" src="media/dummypic.JPG" style="width: 90%; height: 90%;"/></a></div>
			
			<div class="textareatext">
			
				<h3>Celebration of World Population Day</h3>
				
				<span> 11th  July</span>
				
				
				<p>World Population Day evokes us to seek solutions for the problems and challenges
				 which need our attention. These solutions do not lie simply in 'controlling birth rates' 
				 but in improving the dignity of all people and in particular, the status of women 	</p>
			
			
				<div class="link"><img alt="" src="media/arrow.png "/><a href="11th JULY CELEBRATION OF WORLD POPULATION DAY.html">More Events</a></div>
			
			</div> 
		
		
		
		</div>
		
		
		<div class="textarea" >
		
			<div class="textarealeft"><a href="#"><img alt="" src="media/dummypic.JPG" style="width: 90%; height: 90%;"/></a></div>
			
			<div class="textareatext">
			
				<h3>Celebration of World Youth Day</h3>
				
				<span> 12th  August</span>
				
				
				<p>On 17 December 1999,  the General Assembly endorsed the
				 recommendation made by the World Conference of Ministers
				  Responsible for Youth that 12 August be declared International</p>
			
			
				<div class="link"><img alt="" src="media/arrow.png "/><a href="#">More Events</a></div>
			
			</div> 
		
		
		
		</div>
		
		
		<div class="textarea" >
		
			<div class="textarealeft"><a href="#"><img alt="" src="media/dummypic.JPG" style="width: 90%; height: 90%;"/></a></div>
			
			<div class="textareatext">
			
				<h3>Celebration of Independence Day</h3>
				
				<span>14th  August</span>
				
				
				<p>Pakistan's independence day is observed on 14 August, the day on which
				 Pakistan was made an independent country based on border lines created by
				  the British during the end of their rule of India. Pakistan became an
				   independent country in 1947.</p>
			
			
				<div class="link"><img alt="" src="media/arrow.png "/><a href="#">More Events</a></div>
			
			</div> 
		
		
		
		</div>
		
		
		
		<div class="textarea" >
		
			<div class="textarealeft"><a href="#"><img alt="" src="media/dummypic.JPG" style="width: 90%; height: 90%;"/></a></div>
			
			<div class="textareatext">
			
				<h3>Celebration of Defense Day</h3>
				
				<span>6th  September</span>
				
				
				<p>The 6th of September is a golden chapter in the history of Pakistan, 
				when Pakistan, its military and people stood united in 1965 in defense of Pakistan.
				 Pakistan Girl Guides Association celebrates this day in memory of the day with full enthusiasm.  </p>
			
			
				<div class="link"><img alt="" src="media/arrow.png "/><a href="#">More Events</a></div>
			
			</div> 
		
		
		
		</div>


		<div class="textarea" >
		
			<div class="textarealeft"><a href="#"><img alt="" src="media/dummypic.JPG" style="width: 90%; height: 90%;"/></a></div>
			
			<div class="textareatext">
			
				<h3>Celebration of International Literacy Day</h3>
				
				<span> 8th  September</span>
				
				
				<p>text text text text text text text text text text text text text text text text  text text text text  text text text text  text text text text  text text text text text text  text text text text text text text text text</p>
			
			
				<div class="link"><img alt="" src="media/arrow.png "/><a href="#">More Events</a></div>
			
			</div> 
		
		
		
		</div>
		
		
		
		<div class="textarea" >
		
			<div class="textarealeft"><a href="#"><img alt="" src="media/rally-on-world-peace-day.JPG" style="width: 90%; height: 90%;"/></a></div>
			
			<div class="textareatext">
			
				<h3>Celebration of World Peace Day</h3>
				
				<span> 14th  September</span>
				
				
				<p>International Literacy Day was established
				 in 1965 by the United Nations Educational, Scientific
				  and Cultural Organization (UNESCO), and is celebrated
				   around the world each Year on September 8. </p>
			
			
				<div class="link"><img alt="" src="media/arrow.png "/><a href="#">More Events</a></div>
			
			</div> 
		
		
		
		</div>

		</div>
		
		
		
		
		<div class="rightsidebar">
		
			<div class="calender">
		
				<div class="heading">Event Calender</div>			
				<div class="image"><img alt="" src="media/calenderimage.png "/></div>
			</div>
		
			<div class="gallery">
			
				<div class="gallery1"><a href="photogallery1.html"><img alt="" src="media/galleryimage1.jpg"/></a></div>
			
			
				<div class="gallerysecond"><a href="Camping and Training.html"><img alt="" src="media/galleryimage2.jpg"/></a></div>
			</div>

			<!--<div class="gallery2">fdgdf</div>-->
			
			<div class="news">
			
				<div class="newheading">News</div>
				<div class="newsscroller">
				
					<!-- COPY THIS CODE TO PASTE INTO ANY HTML PAGE -->


					<div id="IframeScroller" >
					<iframe id="NewsWindow" src="news_win.htm" width="200" height="200" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" ></iframe>
					</div>


					<!-- END CODE -->

				
				
				
				</div>
			
			</div>
			
				<div class="Joinus">
			
				<div class="joinusheading">Join us</div>
				<div class="joinuslinks"><img alt="" src="media/links.jpg "/></div>
			
			</div>

		
		
		</div> 
	</div>
	<div class="footer">© 2010 <a href="main.html">Home</a><a href="#">Terms &amp; Condition </a><a href="#">Privacy Policy</a><a href="#">Login members</a><a href="#">Contact</a><a href="#">Site Map</a>  </div>


</div>
</body>

</html>

/************** PHOTO GALLERY PAGE **************/

<!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>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Special Celebrations</title>
<link rel="stylesheet" type="text/css" href="media/styles.css" />


<!--
	1 ) Reference to the files containing the JavaScript and CSS.
	These files must be located on your server.
-->

<script type="text/javascript" src="media/scripts/highslide-with-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="media/highslide.css" />







<!--
    2) Optionally override the settings defined at the top
    of the highslide.js file. The parameter hs.graphicsDir is important!
-->

<script type="text/javascript">
hs.graphicsDir = 'media/graphics/';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.fadeInOut = true;
hs.dimmingOpacity = 0.8;
hs.outlineType = 'rounded-white';
hs.captionEval = 'this.thumb.alt';
hs.marginBottom = 105; // make room for the thumbstrip and the controls
hs.numberPosition = 'caption';

// Add the slideshow providing the controlbar and the thumbstrip
hs.addSlideshow({
	//slideshowGroup: 'group1',
	interval: 5000,
	repeat: false,
	useControls: true,
	overlayOptions: {
		className: 'text-controls',
		position: 'bottom center',
		relativeTo: 'viewport',
		offsetY: -60
	},
	thumbstrip: {
		position: 'bottom center',
		mode: 'horizontal',
		relativeTo: 'viewport'
	}
});
</script>


</head>

<body>
<div class="container">
	<div class="header">
	
		<div class="logo"><a href="main.html"><img alt="" src="media/logo.png"/></a></div>
		
		<div class="banner"><img alt="" src="media/banner.png"/></div>
	
	
	
	</div>
	<div class="menus">
	
	
		<ul>
					<li><a href="main.html" class="home">Home</a></li>
					<li><a href="#" class="about">About</a></li>
					<li><a  href="#"  class="girlsguide">Girls Guide</a></li>
					<li><a href="#" class="events">Events</a></li>
					<li><a href="#" class="news">News</a></li>
					<li><a href="#" class="resources">Resources</a></li>
					<li><a href="#" class="supportus">Support Us</a></li>
					<li><a href="#" class="contactus">Contact Us</a></li>
					<li><a href="#" class="ourcountry">Our Country</a></li>
				

		
		
		
		</ul>
	
	</div>
	
	<div class="border"></div>
	
		<div class="contentarea">
		
		
			<div class="photogallery" style="margin: 10px 0px 0px 0px;">
			
					    <!--
		3) Put the thumbnails inside a div for styling
		-->

		<div class="highslide-gallery" style="width: 600px; ">
		<!--
		4) This is how you mark up the thumbnail images with an anchor tag around it.
		The anchor's href attribute defines the URL of the full-size image. Given the captionEval
		option is set to 'this.img.alt', the caption is grabbed from the alt attribute of
		the thumbnail image.
		-->
			<a class='highslide' href='media/1-Centenary Celebrations in Lahore.PNG' onclick="return hs.expand(this)">
			<img src='media/1-Centenary Celebrations in Lahore.PNG' alt='Centenary Celebrations in Lahore' style="width: 120px; height: 68px;"/></a>

			<a class='highslide' href="media/2-Guides celbrating centenary of their movement.PNG" onclick="return hs.expand(this)">
			<img src="media/2-Guides celbrating centenary of their movement.PNG" alt='Guides celbrating centenary of their movement' style="width: 120px; height: 68px;"/></a>

			<a class='highslide' href="media/3-Centenary Celebrations in Sindh.JPG" onclick="return hs.expand(this)">
			<img src="media/3-Centenary Celebrations in Sindh.JPG" alt='Centenary Celebrations in Sindh' style="width: 120px; height: 68px;"/></a>


			<a class='highslide' href="media/4-Centenary Celebrations- Karachi.JPG" onclick="return hs.expand(this)">
			<img src="media/4-Centenary Celebrations- Karachi.JPG" alt='Centenary Celebrations- Karachi' style="width: 120px; height: 68px;"/></a>
			
						
			<a class='highslide' href="media/5-GUides cutting cake during Centenary celebrations- Sindh.JPG" onclick="return hs.expand(this)">
			<img src="media/5-GUides cutting cake during Centenary celebrations- Sindh.JPG" alt='GUides cutting cake during Centenary celebrations- Sindh' style="width: 120px; height: 68px;"/></a>
						
						
			<a class='highslide' href="media/6-Guides lighting the candels to mak the Centenary.JPG" onclick="return hs.expand(this)">
			<img src="media/6-Guides lighting the candels to mak the Centenary.JPG" alt='uides lighting the candels to mak the Centenary' style="width: 120px; height: 68px;"/></a>
			
						
						
			<a class='highslide' href="media/7-THinking day rally in Lahore.PNG" onclick="return hs.expand(this)">
			<img src="media/7-THinking day rally in Lahore.PNG" alt='THinking day rally in Lahore' style="width: 120px; height: 68px;"/></a>
			
			<a class='highslide' href="media/8-Guides During a peace rally in Islamabad.JPG" onclick="return hs.expand(this)">
			<img src="media/8-Guides During a peace rally in Islamabad.JPG" alt='Guides During a peace rally in Islamabad' style="width: 120px; height: 68px;"/></a>


			<a class='highslide' href="media/9-Guides Polling for peace.JPG" onclick="return hs.expand(this)">
			<img src="media/9-Guides Polling for peace.JPG" alt='Guides Polling for peace' style="width: 120px; height: 68px;"/></a>


			<a class='highslide' href="media/10-Peace Rally in Islamabad.JPG" onclick="return hs.expand(this)">
			<img src="media/10-Peace Rally in Islamabad.JPG" alt='Peace Rally in Islamabad' style="width: 120px; height: 68px;"/></a>
			
			<a class='highslide' href="media/11-Guides singing on Wolrd TB day.JPG" onclick="return hs.expand(this)">
			<img src="media/11-Guides singing on Wolrd TB day.JPG" alt='Guides singing on Wolrd TB day' style="width: 120px; height: 68px;"/></a>
		
		</div>
	</div>
		
		
		
		</div>
		<div class="footer">© 2010 <a href="main.html">Home</a><a href="#">Terms &amp; Condition </a><a href="#">Privacy Policy</a><a href="#">Login members</a><a href="#">Contact</a><a href="#">Site Map</a>  </div>


</div>
</body>

</html>

/**************** CSS ************************/

img, div { behavior: url(iepngfix.htc) }

.container
{
	width: 904px;
	
	margin: 0px auto;
}
.header
{
	width: 904px;
	
	height: 141px;
	
	float: left ;
	
	background: #004a33;
	
}
.logo
{
	float: left ;
}
.logo img
{
	border: 0px;
}
.banner
{
	float: right ;
}
.menus
{
	width: 904px;
	
	float: left ;
	
	margin: 3px 0px 0px 0px;
}
.menus ul
{
	width: 902px;
	
	margin: 0px ;
	
	padding: 0px;
	
	list-style-type: none ;
}
.menus li
{
	display: inline ;
}
.menus a
{
	background-image: url('menusbg.png');
	
	background-repeat: no-repeat ;
	
	float: left ;
	
	width: 98px;
	
	height: 27px; 
	
	font-family: Calibri;
	
	font-size: 15px;
	
	text-align: center ;
	
	text-decoration: none ;
	
	margin: 0px 2px 0px 0px;
	
	padding: 7px 0px 0px 0px;
	
	color: white;
}
.menus a:hover 
{
	color:yellow ;
	
	text-decoration: underline ;
}
.border
{
	float: left ;
	
	background: url('menusborder.png') no-repeat;
	
	width: 902px;
	
	height: 18px;
}
.contentarea
{
	float: left ;
	
	width:904px;
	
}
.loginarea
{
	background-image:url('loginbg.jpg');
	
	background-repeat: no-repeat ;
	
	width: 434px;
	
	height: 226px;
		
	float: left ;
	
	position:relative;
	
	font-size: 12px;
	
	font-family:   Arial, Helvetica, sans-serif ;
	
	color: white;
	
	padding: 5px 0px 0px 4px;
	
	
}
.loginarea p
{
	
	font-size: 12px;
	
	font-family:  Arial, Helvetica, sans-serif ;
	
}
.loginarea p a
{
	
	font-size: 12px;
	
	font-family:  Arial, Helvetica, sans-serif ;
	
	text-decoration: none ;
	
	color: white;	
}

input 
{
	width:142px;
	
	height: 17px;
}
.flashbanner
{
	width:343px;
	
	height: 235px;
	
	float: left ;
	
	background-image: url('flashbg.png');
	
	background-repeat: no-repeat ; 
	
	z-index:1 ;
	
	position: absolute;
	
	left: 264px;
	
	top:197px;
	
	}

.quotation
{
	float: left ;
	
	width: 330px;
	
	z-index:1 ;
	
	right: 60px;
	
	position: absolute;
	
	padding: 0px 0px 0px 20px;
	
}
.quotation p
{
	width: 300px;
	
	font-family: Arial, Helvetica, sans-serif ;
	
	font-size: 14px;
	
	margin: 20px 0px 0px 0px;
	
	text-align: justify ;
	
	

	
	
}
.contentarea2
{
	float: left ;
	
	width:904px;
	
	border-top: 7px #dcd4a5 solid ;
	
	padding: 0px 0px 50px 0px;
	
}
.leftsidebar
{
	float: left ;
	
	width: 195px;
	
	margin: 5px 0px 0px 0px;
}
.leftsidebar img
{
	margin: 0px 0px 10px 0px;
}
/************* textarea *************/
.textareamain
{
	width: 460px;
	
	float: left ;
	

}

.textarea
{
	width: 452px;
	
	float: left ;
	
	margin: 10px 0px 5px 0px;
	
	border-bottom: 1px #4e9721 solid;
	
	padding: 0px 0px 10px 0px;
	

}
.textarealeft
{
	float: left ;
	
	width: 140px;
	
	padding: 30px 0px 0px 10px;
}
.textarealeft img 
{
	border: 0px;
}
.textareatext
{
	float: left ;
	
	width: 296px;
	
	font-size: 14px;	
	
	margin: 0px 0px 0px 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	
	text-align: justify ;

}
.textareatext h3
{
	color:#004a33;
	
	margin: 0px 0px 10px 0px ;
	
	padding: 0px;
	
	font-weight: bold ;
	
	font-size: 16px;
	
	font-family:   Arial, Helvetica, sans-serif;
}
.link a
{
	color:#004a33;
	
	padding: 0px 0px 0px 5px;
	
	text-decoration: none ;
}
.link img
{
	color:#004a33;
	
	padding: 3px 0px 0px 10px;
	
	text-decoration: none ;
}

.textareatext p
{
	float: left ;
	
	width: 290px;
	
	text-align: justify;
	
	font-size: 13px;	
	
	margin: 5px 0px 5px 5px;
	
	font-family:   Arial, Helvetica, sans-serif;

}
.textareatext span
{
	float: left ;
	
	width: 290px;
	
	font-size: 13px;	
	
	margin: 3px 0px 3px 5px;
	
	font-family:   Arial, Helvetica, sans-serif;

}


/********** end textarea *********/

.rightsidebar
{
	width:240px;
	
	float: left ;
	
	
	
	margin: 0px 0px 0px 5px;
	
	
}
.calender
{
	float: left ;
	
	width: 155px;
	
	background:gray
	
}
.heading
{
	width:155px;
	
	height: 20px;
	
	background-image: url('calender.png');
	
	background-repeat: no-repeat ;
	
	float: left ;
	
	color:white;
	
	text-align: center ;
	
	font-size: 15px;
	
	font-family: Arial, Helvetica, sans-serif ;
	
	padding: 3px 0px 0px 0px;
	
	font-weight: bold ;
}
.image
{
	width:150px;
					
	float: left ;
	
	padding: 5px 0px 0px 5px;

}
.gallery
{
	float: left ;
	
	width: 79px;
	
	background:#e5c697;
	
	margin: 0px 0px 0px 6px;
	
}
.gallery1
{
	
	width: 56px;
	
	float: left ;
	
	border: 3px #b39c72 solid;
	
	margin: 0px 0px 0px 2px;

	

}

.gallery1 img
{
	border: 0px;
}
.gallerysecond
{
	border: 3px #b39c72 solid;
	
	margin: 0px 0px 0px 2px;
		
	width: 59px;
	
	float: left ;
	

}
.gallerysecond img
{
	border: 0px;
}
.gallery2
{
	width: 235px;
	
	float: left ;
	
	background: gray ;
}

.news
{
	width:235px;
	
	float: left ;
}
.newheading
{
	width: 235px;
	
	height: 22px;
	
	background-image: url('newbg.jpg');
	
	background-repeat: no-repeat ;
	
	color: white;
	
	font-family: Arial, Helvetica, sans-serif ;
	
	text-align: center ;
	
	font-size: 15px;
	
	padding: 3px 0px 0px 0px;
	
	font-weight: bold ;

}
.Joinus
{
	width:235px;
	
	float: left ;
}
.joinusheading
{
	width: 235px;
	
	height: 22px;
	
	background-image: url('newbg.jpg');
	
	background-repeat: no-repeat ;
	
	color: white;
	
	font-family: Arial, Helvetica, sans-serif ;
	
	text-align: center ;
	
	font-size: 15px;
	
	padding: 3px 0px 0px 0px;
	
	font-weight: bold ;

}


/*************** footer *******************/
.footer
{
	width: 904px;
	
	background-image: url('footer.jpg');
	
	height: 23px; 
	
	color: white;
	
	padding: 5px 0px 0px 10px;
	
	float: left ;
	
	margin: 10px 0px 0px 0px;
	
	position:fixed;
	
	bottom:0px;
	
	
}
.footer a
{
	color: white ;
	
	font-family:  Arial, Helvetica, sans-serif ;
	
	padding: 0px 10px 0px 10px;
	
	font-size:12px;
	
	text-decoration: none ;
}

/************** end footer ***************/
0

clean up the code, get rid of all the unneccesary formatting whitespace indents
500 lines of mostly empty space for css?
no wonder you cant find the error

0px is wrong, zero has no dimension

Edited by almostbob: n/a

0

dunno what happened, lost the last half

0px is wrong, zero has no dimension,
using 0px (0em 0% 0in 0cm 0pt) will put the browser in quirks mode whuich could cause the issues displayed

0em=0px=0cm=0pt=0in=0%==0
1em<>1px<><>1cm<>1pt<>1in<>1%
zero is a special case

Edited by almostbob: n/a

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.