Jump to content

Firefox kills my site!!


Recommended Posts

Replace your coding with this coding.HTML

<!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 http-equiv="Content-Type" content="text/html; charset=us-ascii" /><title>Dubferd - ###### Yea!</title><link href="style3.css" rel="stylesheet" type="text/css" /><style type="text/css">		#sBar {text-align: center; margin: 0; margin-bottom: 10px; padding: 5px 0px;  width: 728px; background-color: #fff; border: 1px solid #dfdfdf;}		#sBar li {display: inline; } 		#sBar li a, #sBar li a:visited {font: bold 11px tahoma,arial; text-decoration: underline; color: #004891; margin: 0px 15px;}	</style></head><body><table cellspacing="0" cellpadding="0" border="0" align="center">	<tr>		<td align="center" valign="top">			<ul id="sBar">				 <li><a href="http://www.bravenet.com/webhosting/" target="_new">Web Hosting</a></li>				 <li><a href="http://www.bravenet.com/webtools/guestbook/" target="_new">Guestbooks</a></li>				 <li><a href="http://www.bravenet.com/webtools/counter/" target="_new">Hit Counter</a></li>				 <li><a href="http://www.bravenet.com/webtools/forum/" target="_new">Forums</a></li>				 <li><a href="http://www.bravenet.com/webtools/journal/" target="_new">Blogs</a></li>				 <li><a href="http://www.bravenet.com/webtools/elist/" target="_new">Mailing List</a></li>				 <li><a href="http://www.bravenet.com/webhosting/" target="_new">Free Web Hosting</a></li>			 </ul>		</td>		</tr>	<tr>		<td align="center"  valign="top">			<div align="center" style="z-index: 9000; margin-bottom: 10px;">				<script language="javascript" type="text/javascript" src="http://mercury.bravenet.com/rover/a?dbfile=SPONSORBAR_DB&serv=hosting-sites"></script><noscript><iframe src="http://mercury.bravenet.com/rover/a?dbfile=SPONSORBAR_DB&js=false&serv=hosting-sites" width="754" height="90" allowTransparency="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"><img src="http://mercury.bravenet.com/rover/d?dbfile=SPONSORBAR_DB&serv=hosting-sites" alt="" border="0"></iframe></noscript>				<div style="clear: both;"></div>			</div>		</td>	</tr></table><script src="http://jupiter.bravenet.com/rover/f?cid=bravenet&ctype=24"></script>					  		  		  		  		  		  		  		  		  <div id="content">		  		  <p class="headerimage"><img src="header4.png" alt="Header Image"></p>		  		 <table border="0" cellpadding="0" cellspacing="0" width="750">  <tr valign="top">   <td align="center"><a class="tabs" href="#"><img src="home.png"></a><a class="tabs" href="#"><img src="about.png"></a><a class="tabs" href="#"><img src="store.png"></a><a class="tabs" href="#"><img src="extras.png"></a></td>  </tr> </table><br />							  <div id="wrap">							  <div id="left">		  		  <p class="movie">		  <object width="320" height="255">		  <embed src="videos/hotpotato.mov" autoplay="false" width="320" height="255">		  </embed>		  </object>		  </p>		  <p class="viewall"><a href="#">View All 'Whats Hot 2day'</a></p>		  		  <p class="section2left"><h1><a href="#">###### Yea!</a></h1></p>		  <p class="text"><a href="#">August 5th 2007</a></p>		  <p class="text">Hello there. The Dubferd site is 		  looking quite sexy. I just put it up and its pretty 		  dope.</p>		  <p class="text"><a href="#">Comments</a></p>		  		  </div>		  		  <div id="right">		  		  <h1><a href="#">Whats Hot 2day!</a></h1>		  <p class="text"><a href="#">August 5th 2007</a></p>		  <p class="text">Todays video is a small montage 		  created and filmed by Tim O'Rourke. Its called 		  the Hot Potato montage. You will find out why. 		  Filmed with a GL2 with an MK1 Fisheye, and some 		  long lens.</p>		  <p class="text"><a href="#">Comments</a></p>							  </div>		  		  </div>		  		  </div>		  		  <div id="footer">		  		  		  </div>		  		  			<br><div style="text-align: center">	<a href="http://www.bravenet.com/webhosting/" style="font: 11px tahoma, sans-serif; color: #004891;">Web Hosting</a> 	· 	<a href="http://www.bravenet.com/webtools/journal" style="font: 11px tahoma, sans-serif; color: #004891;">Blog</a>	· 	<a href="http://www.bravenet.com/webtools/guestbook/" style="font: 11px tahoma, sans-serif; color: #004891;" target="_blank">Guestbooks</a> 	· 	<a href="http://www.bravenet.com/webtools/forum/" style="font: 11px tahoma, sans-serif; color: #004891;" target="_blank">Message Forums</a> 	· 	<a href="http://www.bravenet.com/webtools/elist/" style="font: 11px tahoma, sans-serif; color: #004891;" target="_blank">Mailing Lists</a><br>	<a href="http://allwebcodesign.com/" style="font: 11px tahoma, sans-serif; color: #004891;" target="_blank">Allwebco Web Templates</a> 	·	<a href="http://resources.bravenet.com/bravenet_toolbar" style="font: 11px tahoma, sans-serif; color: #004891;" target="_blank">Build your own toolbar</a> 	·	<a href="http://www.quotemedia.com/" style="font: 11px tahoma, sans-serif;color: #004891;" target="_blank">Financial Data</a>	· 	<a href="http://resources.bravenet.com" style="font: 11px tahoma, sans-serif; color: #004891;" target="_blank">Audio, Fonts, Clipart</a><br>	<a href="http://www.bravenet.com" target="_blank" style="text-decoration: none; color: #004891; font: bold 10px tahoma, sans-serif; display:block; padding-top: 10px;">powered by <img src="http://assets.bravenet.com/bravenet/images/poweredby.gif" border="0" alt="a free webtools company" style="vertical-align: middle;"> bravenet.com</a></div><br></body></html>

CSS

/*These are the main CSS styles for the page*/body {  background: #001125 url(bg.png) repeat-x;  font-family: Helvetica;  font-size: 20px;  color: #999;}#content {  background: url(bg2.png) no-repeat;  width: 800px;  height: 859px;  margin-left: auto;  margin-right: auto;  line-height: 1em;}#wrap {  width: 700px;}#left {  float: left;  width: 350px;}#right {  float: left;  width: 350px;}a:link, a:visited {  color: #00bffe;  text-decoration: none;}a:hover {  color: #01bd9c;  text-decoration: none;}h1, h2, h3, h4, h5, h6 {  color: #01bd9c;  margin-left: 40px;}/*These CSS styles are for the special paragraphs*/.text {  margin-left: 40px;}.viewall a:link, a:visited {  margin-left: 40px;}.section2left {  padding-top: 57px;}.headerimage {  padding-top: 45px;  padding-left: 45px;}.movie {  margin-left: 40px;  border: 5px #fff solid;  width: 320px;  height: 255px;}/*The following CSS is for the navigation on all pages*/a.tabs  {		   filter: alpha(opacity=65);		   margin: 0 0 0 5px;   		   -moz-opacity: .65;   		   opacity: .65		   }a.tabs img:hover {				 filter: alpha(opacity=100);				 -moz-opacity: 100; 				 opacity: 100				 }img {	border: 0	}

The CSS code is called style3.css here.

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...