Jump to content

Having trouble with text defaulting


jenitchman
 Share

Recommended Posts

Hi, I am working on a website for a friend of mine and we wanted to have a specific graphic file to stretch in the background. So I did some searching because I recall before in the past I had trouble achieving this. Here is a link to where I found a way to achieve this,http://www.quackit.com/html/codes/html_str...round_image.cfmI took this method and modified it to the specifications of what my friend wanted using, Microsoft Office SharePoint Designer 2007 (12.0.6423.1000) SP2 MSO (12.0.6535.5002). Everything seem to align ok and looked good so I upload it to my hosting account, GoDaddy.com here is the link, http://www.conduittoheaven.com/ and all my text including the hit counter defaulted and move to the left. I have tried everything and I’m stuck on this. If there is anyone in here that could help it would be much appreciated.Thank You,-JohnP.S. Here is the 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" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"><head><meta http-equiv="Content-Language" content="en-us" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Welcome To Conduit To Heaven</title><style type="text/css">html, body {height:100%; margin:0; padding:0;}#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}#content {position:relative; z-index:1; padding:10px;}</style><!--[if IE 6]><style type="text/css">html {overflow-y:hidden;}body {overflow-y:auto;}#page-background {position:absolute; z-index:-1;}#content {position:static;padding:10px;}.style2 {				text-align: center;				font-family: Lucida Handwriting;				font-size: xx-large;}.style4 {				text-align: center;				font-family: Arial;				font-size: small;}.style5 {				text-align: center;}.style6 {				font-family: "Lucida Handwriting";				font-size: xx-large;}.style1 {				text-align: center;}.style7 {				font-family: "Lucida Handwriting";				font-size: x-large;				color: #FF0000;}.style8 {				font-family: Arial;				font-size: small;}</style><![endif]--></head><body>	<div id="page-background"><img src="http://www.sacartist.com/conduittoheaven/Picture_046WL.jpg" width="100%" height="100%" alt="Smile"><div/>	<div id="content">	<h2 class="style2"> </h2>				</div>				<div style="position: relative; left: 5px; top: -709px; width: 622px; height: 617px; z-index: 0;" id="Text" class="style5">								<br />								l<br />								<br />								<strong><span class="style6">Welcome<br />								To<br />								Conduit To Heaven<br />								<br />								More To Come<br />								Soon<br />								</span><span class="style7">The Forum is UP!<br />								</span><span class="style8">								<a target="_blank" href="http://conduittoheaven.forumer.com">								Click to visit the Forum</a></span><span class="style6"><br />								</span></strong>								<p class="style4">For More Information:</p>								<p class="style4">Email:								<a href="mailto:karen@conduittoheaven.com">								karen@conduittoheaven.com</a></p>								<p class="style4"> </p>								<table border="0" cellSpacing="0" cellPadding="3" width="133" align="center">												<tr>																<td align="middle">																<a target="_blank" href="http://www.website-hit-counters.com">																<img title="hit counter" border="0" alt="hit counter" src="http://www.website-hit-counters.com/cgi-bin/image.pl?URL=381092-9104" /></a></td>												</tr>												<tr>																<td align="middle">																<font style="FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; COLOR: #330006; FONT-SIZE: 9px; TEXT-DECORATION: none">																<a style="FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; COLOR: #555556; FONT-SIZE: 9px; TEXT-DECORATION: none" title="free web hit counter" target="_blank" href="http://www.website-hit-counters.com">																free web hit 																counter</a>																</font></td>												</tr>								</table>								<p class="style4"> </p>								<p class="style1">								<font color="#ff0000" size="2" face="Verdana">								©Copyright 2010 All Rights Reserved</font></p>				</div><body/> 

Link to comment
Share on other sites

its because you have included all the styling in the IE6 condition, it will only work in IE6 at momenttry<style type="text/css">html, body {height:100%; margin:0; padding:0;}#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}#content {position:relative; z-index:1; padding:10px;}.style2 { text-align: center; font-family: Lucida Handwriting; font-size: xx-large;}.style4 { text-align: center; font-family: Arial; font-size: small;}.style5 { text-align: center;}.style6 { font-family: "Lucida Handwriting"; font-size: xx-large;}.style1 { text-align: center;}.style7 { font-family: "Lucida Handwriting"; font-size: x-large; color: #FF0000;}.style8 { font-family: Arial; font-size: small;} </style><!--[if IE 6]><style type="text/css">html {overflow-y:hidden;}body {overflow-y:auto;}#page-background {position:absolute; z-index:-1;}#content {position:static;padding:10px;}</style><![endif]-->

Link to comment
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
 Share

×
×
  • Create New...