Jump to content
xisto Community
Sign in to follow this  
BooZker

Footer Displaced In Opera And Ie Footer gets deattached from body

Recommended Posts

SM this is a totally new site and i wrote and made all the graphics from scratch this time haha. This is a site for my girlfriend. She wanted a site to put pictures and scrap book stuff. I was almost done except that in Opera and IE the footer comes off the body.

If you have Opera or IE go to http://forums.xisto.com/no_longer_exists/

Firefox and Safari works fine.

Edited by BooZker (see edit history)

Share this post


Link to post
Share on other sites

OK sorry about that. It was a directory so i forgot to end it with a "/" Link is updated.

Share this post


Link to post
Share on other sites

I See it and it is broken, I suggest messing with the widths or the padding, I see if I can try and work on it this weekend depending on how school turns out tomorrow.EDIT: I was right however you might want to do some tweaking with your nav menu since it is the cause of it.IE CODE

<html><head><title>:: Welcome to Your Site Boo ::</title>		<style type="text/css">	/* Body and content sections */body {background:url(http://forums.xisto.com/no_longer_exists/);background-color: #66cc99;text-align: center;}#content_holder {position:relative; left:0px;overflow: hidden;width: 810px;background-color: #ffffff;text-align: left;padding-right: 10px;margin: auto;}#header {width: 810px;height: 100px;padding-bottom:10px;margin:auto;background: url(http://forums.xisto.com/no_longer_exists/);background-repeat: no-repeat;background-color: #ffffff;display: block;}#right {padding-top:10px;padding-right: 18px;padding-left: 18px;border: 2px dashed #66ff99;width: 260px;background-color: #33cc99;height: auto;float: right;text-align: left;}#main {padding-right: 20px;padding-left: 20px;width: 480px;background-color: #ffffff;height: auto;text-align: left;float:left;} #footer{margin:auto;width: 810px;height: 22px;background: url(http://forums.xisto.com/no_longer_exists/);background-color: #cccccc;}/* =============================================================================== *//* P Tags */#main_text {font-size: 10px;font-family: Tahoma, Verdana, Arial, serif;word-wrap:break-word;}#main_headers {font-size: 12px;font-weight: bold;color: 66cc99;font-family: Tahoma, Verdana, Arial, serif;}#iloveyou_text {font-weight: bold;color: #ff0000;font-size:10px;font-family: Tahoma, Verdana, Arial, serif;}#nav {color: #66ff99;font-weight: bold;font-size: 12px;font-family: Tahoma, Verdana, Arial, serif;}#nav_nested_titles {color: #66ff99;font-size: 10px;font-family: Tahoma, Verdana, Arial, serif;}/* =============================================================================== *//* Links & FF img borders */a {font-size: 10px;color: #66ff99;text-decoration: none;font-family: Tahoma, Verdana, Arial, serif;}a:hover {font-size: 10px;text-decoration: none;color: #ff0000;font-family: Tahoma, Verdana, Arial, serif;}a img {border: none;}/* =============================================================================== *//* Photo Album Styles */.slideshow{ /*CSS for DIV containing each image*/	float: left;	margin-right: 10px;	margin-bottom: 10px;	}	.slideshow img{ /*CSS for each image tag*/	border: 0;	width: 75px;	height: 50px;	}	#navlinks{ /*CSS for DIV containing the navigational links*/	width: 300px;	}	#navlinks a{ /*CSS for each navigational link*/	margin-right: 8px;	margin-bottom: 3px;	}	#navlinks a.current{ /*CSS for currently selected navigational link*/	background-color: #66cc99;	}				</style></head><body>	<!-- Header Include -->	<a href="http://forums.xisto.com/no_longer_exists/ id="header"></div></a>	<!-- End of Header Include -->	<div id="content_holder">	<br>	<br>			<div id="main">			    <p id="main_headers">Hi Boo!</p>			    <p id="main_text">Thisis your new site. Do you like it? Did you know just for you to look atthis page takes 5 pages? I wrote it all for you Boo! I am going to adda photo album, quiz, the first site i made you, and a notes section. Ihope you like it since it took me a lot of time to write it and make itlook all "pretty".</p>				<p id="iloveyou_text">♥ I Love You Boo! ♥ </p>				<br>				<br>			</div>			<!-- Right Include -->			<div id="right">	<p id="nav">Navigation</p>	<ul>		<li><a href="http://forums.xisto.com/no_longer_exists/;		<li id="nav_nested_titles">Scrap Book</li>		  <ul>					<li><a href="http://forums.xisto.com/no_longer_exists/; target="blank">01/17/07</a></li>	      </ul>	    <li><a href="http://forums.xisto.com/no_longer_exists/photoalbum.php Album</a></li>	</ul></div>			<!-- End of Right Include -->	</div><!-- Right Include --><div id="footer"></div><!-- End of Right Include --></body></html>

Share this post


Link to post
Share on other sites

Hmmm... alright. Maybe a horizontal one... Yeah i'll make a CSS horizontal menu. Thanks SM. Your pretty much the CSS master on Trap 17. You should get an award.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.