jenitchman Posted August 24, 2010 Share Posted August 24, 2010 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 More sharing options...
dsonesuk Posted August 24, 2010 Share Posted August 24, 2010 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 More sharing options...
jenitchman Posted August 24, 2010 Author Share Posted August 24, 2010 Thank's this worked perfectly. Great Forum!!!!! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.