Jump to content
forchilli

Firefox kills my site!!

Recommended Posts

I'm re-coding it using tables to test it right now. It messed up in IE on me then again in FF. Do you mind using tables?

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Remove the navigation coding, use the table helped, and remove a margin or two. Let me know how it does.

Share this post


Link to post
Share on other sites
well i took it and just pasted it, and the html wont link up to the stylesheet even after i changed the "style3" back to "style".
Did you change the css as well?

Share this post


Link to post
Share on other sites

Copy the css code I posted. Copy all the code from the style.css that you have on the website and paste with the code I gave you. It should work then.

Share this post


Link to post
Share on other sites

Are you doing it on a different page? It's not showing up on the site you gave.

Share this post


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...