HTML - Website Updates Don't Show Up In Firefox...again
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. Similar TutorialsHey, I'm making a website about a television show. I want to show the broadcast times of the TV show, the times can be found on the website of the television company. http://www.zappelin.nl/pororo Under the bit where it says: ''Volgende Aflevering'' it shows the date of the next episode. Whenever the episode is over it automatically changes to the next broadcast time. I want to just show this information on my website too, how would I go about this? Thanks! I'm not very good at HTML and such so if someone could give a step-by-step explanation I'd very much appreciate it. Dear members! Im currently a learner in cSS with HTML, and i'm having a hard time understanding some simple rules and aligment options. I currently have theese two files set up; Index.html (LINK) style1.css (LINK) And what i'm having a hard time to get right is to include the different #elements from the CSS file, (So that they will be shown in the HTML documents, could someone please tell me how that is done properly?) Also, i followed THIS GUIDE to try to understand how to center-align my website, but it doesent seem to be right, as the box is not centered, at the same time as if i try to edit the values (how many pixels the box should be, nothing happens) Could someone please tell me the proper way to center-align a webpage or correct the documents so it center-aligns, as well as tell me how to construct elements / boxes in CSS so that i could start to make a basic site-design in CSS and how to code this in the HTML file so that the elements that i've constructed in the CSS file will be shown on the HTML page properly? If you guys have some good guides to start me off, that would be great to.. thanks! Thank you, sorry if this is allready answered. - InZeL Hi, can anyone help me with this? My site shows in firefox but when it is viewed using internet explorer, parts are missing and everything is everywhere. I really hope someone can teach me how to correct it. Site is www.agraphix.com.sg Thanks! ps: i know my html is a mess, i'm not really good at it. =/ Robbie. My 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 Oye, I am trying to complete this teeny photo album I've been working on ... and I just about completed .. when I tested the Site in various browsers (mozilla, Explorer 8, Safari, Google Chrome) ... i noticed one of the frames is not showing in Google Chrome. How odd? here is the site: xxx There are three teeny shaded squares in a frame that is designated a height of 70 pixels and a width of i believe 100% ... it is visible on Mozilla, Explorer, Safari ... any ideas? is my source code screwy? Thanks! why? thanks 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 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 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'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. Good day, I have a test page for a website I'm currently working on, there's a video player on it that shows itself on internet explore but doesn't actually play the videos and on Safari or Firefox it doesn't even show itself. The webpage is located at: http://viloda.com/videoindex_portfolio_rtvnh.html and I think there's something wrong with the HTML. There's probably something wrong or/and missing but I really can't find what. The Video Player works perfectly fine locally, so the player made in Flash can't be the problem, I think it has to be code. So I was wondering if perhaps one of you could help, thanks for reading this over. 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? 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 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 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 |