|
HTML - Help, Website Looks Different In Firefox Than Ie8
Similar TutorialsMy website (3 below) looks different with Firefox than IE. The pics and text are not lined up correctly. I think it's because I used page breeze? Any pointers? Thanks. http://www.bringbackwendell.com/newsletter.htm http://www.bringbackwendell.com/links.htm http://www.bringbackwendell.com/gallery.htm My website (www.thebestpageyoullevervisit.co.nr) looks unorderly in Firefox, but looks fine in Internet Explorer. Some things that look unorderly are the tables which seem to move around, the text which seems to space out more than it needs to, and some words are pushed under pictures. Can anyone help? Is it possible to get this website to work in Firefox? When the window gets minimized smaller, it's supposed to stretch to fit the new screen (in IE it works) but in Firefox it doesn't resize right... is there any way for it to work in FireFox? http://www.clockwork-chaos.com/paperclover I'm trying to design a website for my self and I have a problem. My default browser is Safari so I didn't notice the problem till now. I designed the site layout in photoshop and the site in dreamweaver and it works fine in IE and Safari but in Firefox the site layout gets split at the top of the page and you can see the background in a line. Now the layout has two CSS styles for content in the middle and sidebar on the left both have background color that matches the design #333 and #646464. These are noticeable in the split. The site is sv-photography.net Any one got any ideas on how to fix this? SebastjanV My website is http://www.unofficialguildwars.com Only just started it and it works fine in every browser except firefox. Ive checked the html i see no problems with it. Really confused on this one, any help would be great. Hi, I've just finished creating the layout for my website. I was just wondering if anyone could tell me why my text does not fit in the boxes that I have created using layers while in Internet Explorer it seems to work fine. Here is the link: http://www.geocities.com/seto.chaos/ And here is the code: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Welcome to Gameplatforms</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
body {
margin-top: 0px;
margin-bottom: 0px;
}
-->
</style></head>
<body bgcolor="black" body link="yellow" vlink="purple" alink="red">
<div id="Layer5" style="position:absolute; background-color:#666666; left:10px; top:176px; width:211px; height:667px; z-index:5"><font size="2" face="Arial" color="Yellow">
</font>
<div id="Layer4" style="position:absolute; background-color:#999999; left:15px; top:100px; width:185px; height:48px; z-index:4">
<div id="Layer4" style="position:absolute; left:31px; top:6px; width:86px; height:36px; z-index:4">
<p><font color="Yellow" size="6" face="Arial"><font color="Yellow"></font>
<a href="Reviews%20Page.htm">Reviews</a></font> </font></p>
</div>
<p><font color="Yellow" size="2" face="Arial"><br>
<br>
</font></p>
</div>
<div id="Layer4" style="position:absolute; background-color:#999999; left:15px; top:170px; width:185px; height:48px; z-index:4">
<div id="Layer4" style="position:absolute; left:44px; top:6px; width:86px; height:36px; z-index:4">
<p><font color="Yellow" size="6" face="Arial"><font color="Yellow"></font><a href="http://gameplatforms.proboards62.com">Forum</a></font> </p> </div>
<p><font color="Yellow" size="2" face="Arial"><br>
<br>
</font></p>
</div>
<div id="Layer4" style="position:absolute; background-color:#999999; left:15px; top:240px; width:185px; height:48px; z-index:4">
<div id="Layer4" style="position:absolute; left:44px; top:6px; width:86px; height:36px; z-index:4">
<p><font color="Yellow" size="6" face="Arial"><a href="Videos%20Page.htm">Videos</a></font></p>
</div>
<p><font color="Yellow" size="2" face="Arial"><br>
<br>
</font></p>
</div>
<font size="2" face="Arial" color="Yellow">
<div id="Layer4" style="position:absolute; background-color:#999999; left:15px; top:31px; width:185px; height:48px; z-index:4">
<div id="Layer4" style="position:absolute; left:50px; top:7px; width:86px; height:36px; z-index:4">
<p><font color="Yellow" size="6" face="Arial"><a href="News%20Page.htm"> News</a></font></p>
</div>
<p><br>
<font color="Yellow" size="4" face="Arial"><br>
</font></p>
</div>
</font></div>
<font size="2" face="Arial" color="Yellow">
<div id="Layer4" style="position:absolute; left:144px; top:143px; width:5px; height:18px; z-index:4"><font color="Yellow" size="4" face="Arial">
<a href="News%20Page.htm">
News
</a></font></div>
<div id="Layer3" style="position:absolute; left:10px; top:141px; width:1108px; height:26px; background-color:#666666; z-index:3"><font size="2" face="Arial" color="Yellow">
<div id="Layer4" style="position:absolute; left:440px; top:2px; width:6px; height:16px; z-index:4"><font color="Yellow" size="4" face="Arial">
<a href="Reviews%20Page.htm"> Reviews </a></font></div>
</font>
<div id="Layer4" style="position:absolute; left:687px; top:2px; width:5px; height:18px; z-index:4"><font color="Yellow" size="4" face="Arial"><a href="http://gameplatforms.proboards62.com">Forum</a></font></div>
<font size="2" face="Arial" color="Yellow">
<div id="Layer4" style="position:absolute; left:916px; top:2px; width:5px; height:18px; z-index:4"><font color="Yellow" size="4" face="Arial">
<a href="Videos%20Page.htm"> Videos </a></font></div>
</font></div>
<div id="Layer1" style="position:absolute; left:10px; top:14px; width:1108px; height:884px; z-index:1">
<p> </p>
<p> </p>
<p> </p>
<p><br>
</p>
<p><br>
</p>
<div id="Layer3" style="position:absolute; left:0px; top:841px; width:1108px; height:40px; background-color:#666666; z-index:3"><font size="2" face="Arial" color="Yellow">
<div id="Layer4" style="position:absolute; background-color:#999999; left:9px; top:9px; width:1090px; height:24px; z-index:4">
<p><font color="Yellow" size="2" face="Arial">Contact us: <a href="mailto:kaibachaoschampion@gmail.com">Email:</a> <a href="mailto:kaibachaoschampion@gmail.com">kaibachaoschampion@gmail.com</a></font></p>
</div>
</font> </div>
<div id="Layer5" style="position:absolute; background-color:#666666; left:948px; top:162px; width:160px; height:667px; z-index:5"><a href="http://www.play-asia.com/SOap-23-83-19kw-49-en.html">
</a> <a href="http://www.play-asia.com/SOap-23-83-19kw-49-en.html"><img src="http://www.play-asia.com/paOS-32-74-z.html" border=0 alt="Play-Asia.com - Buy Video Games for Consoles and PC - From Japan, Korea and other Regions!" width="160" height="600"></a> </div>
<div id="Layer5" style="position:absolute; background-color:#666666; left:251px; top:162px; width:666px; height:667px; z-index:5">
<div id="Layer4" style="position:absolute; background-color:#999999; left:30px; top:110px; width:607px; height:87px; z-index:4">
<p><font size="2" face="Arial" color="Yellow">Text text text text text text text text text text text
</font></p>
</div>
<div id="Layer4" style="position:absolute; background-color:#999999; left:30px; top:210px; width:607px; height:72px; z-index:4">
<p><font color="Yellow" size="6" face="Arial">
Title</font></p>
</div>
<div id="Layer4" style="position:absolute; background-color:#999999; left:30px; top:290px; width:607px; height:153px; z-index:4">
<p><font color="Yellow" size="2" face="Arial">Text text text text text text text text text text text</font></p>
</div>
<div id="Layer4" style="position:absolute; background-color:#999999; left:30px; top:30px; width:607px; height:71px; z-index:4">
<p><font color="Yellow" size="6" face="Arial">Title</font></p>
</div>
<div id="Layer4" style="position:absolute; background-color:#999999; left:30px; top:450px; width:607px; height:72px; z-index:4">
<p><font color="Yellow" size="6" face="Arial">Title</font></p>
</div>
<div id="Layer4" style="position:absolute; background-color:#999999; left:30px; top:530px; width:607px; height:119px; z-index:4">
<p><font color="Yellow" size="2" face="Arial">Text text text text text text text text text text text text text </font></p>
</div>
<font size="2" face="Arial" color="Yellow"></font></div>
<p><br>
</p>
</div>
<div id="Layer2" style="position:absolute; left:162px; top:14px; width:667px; height:123px; z-index:2"><img src="http://i5.photobucket.com/albums/y157/kaibachaoschampion/Logo.png" width="800" height="125"></div>
</font>
</body>
</html>
Thanks I had this problem before with the Firefox coding incompatibility.. On my website, I post updates for all of the changes I make about each month. I tried to post an update today and I noticed that it wasn't showing up in Firefox. I brought my page up on Internet Explorer and it shows up just fine. Point and case, there's something wonky with my coding again that is angering Firefox and its refusing to show my updates. Here's the code. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Natalie's Cosplay</title> <link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" /> </head> <body> <div id="wrapper"> <h1></h1> <div id="head-1" style="WIDTH: 401px; HEIGHT: 386px"></div> <div id="nav"> <ul> <li><a href="http://www.geocities.com/lnyworikkukenm//index.htm"><font size="1">HOME</font></a></li> <li><font color="#000000" size="1"><a href="http://www.geocities.com/lnyworikkukenm/Aboutme.html">ABOUT ME</font></a></li> <li><font color="#000000" size="1"><a href="http://www.geocities.com/lnyworikkukenm/completed.html">COMPLETED COSTUMES</font></a></li> <li><a href="http://www.geocities.com/lnyworikkukenm/inprogress.html"><font color="#000000" size="1">IN</font><font color="#000000" size=1>-PROGRESS COSTUMES</a></font> </li> <li><font color="#000000" size="1"><a href="http://www.ultraguest.com/view/1180720057">GUESTBOOK</font></a></li> <li><font color="#000000" size="1"><a href="http://www.geocities.com/lnyworikkukenm/links.html">RECOMMENDED SITES</font></a></li> <li class="last"><a href="MAILTO:Chinesefightinyo@aol.com"><font color="#000000" size="1">CONTACT ME</font></a></li> </ul> </div> <div id="body-left"> <h2><font color="#000000"><em><font color=#000000>G</font></em>al</font>lery</h2><br> Newest Costume: Songmage Rikku! <div id="gallery"> <div class="gal" id="gzero"><a href="http://geocities.com/lnyworikkukenm/songmage.html"><img height="163" alt="Latest Costume: Songmage Rikku from Final Fantasy X-2/Original Artist Concept" src="bigsong.jpg" width="221" ></a></div> <div class="gal" id="gone"><img height="41" src="song1.jpg" width =57 ></a></div> <div class="gal" id="gtwo"><img height="41" src="song2.jpg" width =57 ></a></div> <div class="gal" id="gthree"><img height="41" src="song3.jpg" width =57 ></a></div> <div class="clear"></div> </div> <table width="133" border="0" cellspacing="0" cellpadding="3" align="center"><tr><td align="middle"><a href="http://www.website-hit-counters.com/" target="_blank"><img src="http://www.website-hit-counters.com/cgi-bin/image.pl?URL=8421-4416" alt="free website hit counters service" border="0" ></a></td></tr><tr><td align="middle"><font style="FONT-SIZE: 9px; COLOR: #24092c; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none">Get a <a href="http://www.website-hit-counters.com" target="_blank" style="FONT-SIZE: 9px; COLOR: #444444; FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif; TEXT-DECORATION: none" title="free website hit counter">free website hit counter</a> .</font></td></tr></table> </div> <div id="body-right"> <h2 align="left"><font color=#000000>W</font>elcome!</h2> <p align="center"> <br><font color="#000000" size="1">Please don't use any of my photos without asking! If you have any questions or comments, please send me an e-mail! <br>Thanks! ~Natalie</font></p> <h2></h2> <div style="OVERFLOW: auto; WIDTH: 400px; HEIGHT: 300px"> <table cellpadding="0" cellspacing="0" style="WIDTH: 350px"> <tr> <td><font size="1" color="#000000"> (THIS IS WHAT IS NOT SHOWING UP!)~<u>July 3, 8:19 PM:</u><br><br>The coding problem was fixed awhile ago, and now I'm just messing around with some new graphics.. lol... Some of the stuff may be a little weird, but I'm having fun trying out new things with the look of the site still. <br><br>I'm leaving for AnimeNEXT on Thursday, and I couldn't be more excited. I have 2 new costumes, and I know I will have yet another awesome time in Secaucus!<br><br>(NOT SHOWING UP END) ~<u>June 1, 3:35 PM:</u><br><br>I'm aware that I'm having some coding issues with the main page, I appologize, and I'm working on fixing it. I posted my guestbook again onto a new server (so I had to add all of the old entries again.. >.<), I merged my in-progress and planned costume pages, and uploaded all of the photos I needed to for Caterina, Phoenix, and my new cosplay "Songmage Rikku".<br><br> ~<u>May 23, 2:41 PM:</u><br><br>I finally got my website hit counter back up (exciting I know), and I know that I still need to update the "About Me" page. I am working on 2 new costumes right now, as well as slowly getting some photos of my 2 latest costumes that obviously aren't up yet. So there will be lots and lots of photos posted in the next month or so!</font> </font> <p></p> <p align="left"><font color="#000000"><font size="1">~<u>May 3, 10:47 PM:</u></font></p> <p align="left"><font size="1">Anime Boston was <em>amaaaazing.</em> I have so many new photos that I need to post as soon as I get them all organized. I did wear my new Rikku costume, but I barely had anytime to wear it long enough for a good set of photos. I still need to get photos of that and Princess Venus, so that will be a separate update sometime during the summer.<br><br> I plan on making at least 3 costumes this summer (one being an original design.. FINALLY), so I'm super excited about that! More updates soon! </font> </p> </font></p></font></font></td> </tr> </table></div> </div> <div class="clear spacer"></div> </div> <div id="footer" align="center"> </div></a> <div></div> <div></div> <p align="center"> c 2007 Natalie's Cosplay<br> Template from <a href="freewebsitetemplates.com">Free Website Templates</a><br><br></p> <div></div> </body> </html> One thing I'm noticing is the large amount of (font)(p) tags all over.. Are they necessary? I'm afraid that if I delete a few of them where I don't think they are needed I'll have some more problems. ugh. Hi, Im trying to develop a simple HTML interface for virtual tours but I cant get the site to look the same in all browsers. The problem comes when I view the page in IE. I want the bottom table to only be the length of the window as done in both safari and firefox. My site can be viewed on: http://www.fullvisual.com/informatic...tual_tour.html why doesn't the width=100% work? Thanks Hey all, I was wondering if anybody had any pointers on this website I've been building. It looks alright so far in Firefox, but I've had some issues in IE. The link is: http://www.totaros.com/totaros new/index.html Specifically, -The image distortion on the menubar-what are the best types of images to save these as for compatibility in IE? -The menubar not resizing in IE with different resolutions -Aligning text next to pictures (such as on the Entertainment page). This works in FF, but not in IE. -Any other problems noticed. Thank you! I am experiencing frustration due to the website that I've designed is being displayed perfectly in the Explorer browser, but in Firefox its all screwed up. Is it coding issues? My website is at www.wolfdenexpeditions.ca cheers Hi guys and girls out there on the forum My website has a problem with showing properly in Firefox Here is my url: http://lessons-4-success.com Can you tell me what i can do to get it to show properly like it do in IE ? Thanks much in advance for answers.. Michael My website is: www.gstteam.co.nr My main problem is the Rosters. If I open the Rosters in IE7 it looks good but when I open it on Firefox it looks terrible, the images are all over the place and cant even see some of the text that I have under the images. I am using PageBreeze (Free Version). Can somebody please help me how I can fix the problem, I will greatly appreciate it. Thanks What are the common issues with websites not being properly displayed in Firefox? Reason is due to my website being displayed correctly in IE but when switching to Firefox the site suddenly breaks apart. Any ideas? Hi, I have developed a website and used Internet Explorer to view it when making it. However, when I load the pages in firefox it is not formatted the same - why is this? Doesn't firefox recognise certain html and css tags? How can I fix this if I want the website to be viewed the same in Firefox? Hi, I am in the process of building a website for a client. This is my first ever site so I knew I would have a few issues. I have fixed all but one at present. Here is a link to my site which I have put live on a test server. http://leaf.greenxtian.com/grangefarm/index.html The naviagation bar and Lightbox2 images are moving when rolled over. This only happens in Internet Explorer 8. It is fine in FireFox and other browsers. It is only on the Services/Facilities Pages so I think it may be an issue with the CSS for Lightbox2? Maybe how I have set it up or just a bug in the coding? Does anyone know why this is happening? If so, do you know of a fix? Any help would be greatly appreciated as I have spent hours trying to work this out. Hi How to add a website counter to my website. So that when ever a visitor visits the website I want the counter to increase say from 101 to 102 and then for a new visitor it should be 103 and then again for the next visitor 104 and so on..... I want to know the code. There are number of websites that are offering this but they put their advertisement which I don't want hello, i need a website for german customers, somethign like www.podmod.de because i would like to offer the same. So if anyone has an idea where to start, or even can offer me something i can buy, please do so. my email: verenamueller999@web.de thanks verena. Hi, I am trying to find a way in which a website that is linked on my homepage can be opened while keeping at least one form of my homepage open as well. e.g.: Google images :http://images.google.com/imgres?imgu...en-us%26sa%3DG sorry for the massive link. Hope you get the idea. So what i want is to have a bar on top that is my homepage (like the google bar in the link), but the rest is the actual website that has been linked. I don't really care much about the url. It doesn't have to be my homepage url, it can be the actual website url. Google has been able to do that somehow, so it is possible. I would just like to know how and if it is hard to do. If someone knows how to do it, it would be great if you could give me a link to a tutorial, or explain it. thanks I have some links (in the header, the SUPPORTERS) to different websites, but when I click on them the address in the address bar does not change to the address of the website that I clicked. How do I make it show the address that I clicked on? Thanks. http://www.ac.wwu.edu/~fencing/ I am a total noob but volunteered to administrate the website, because there was no one else to do it. |
|||||||