HTML - Html & Ajax Problem In Firefox
Hi,
I am designing a small website for a friend and decided to use Ajax on one of the pages: http://122.201.74.87/~natural/treatments.html Problem is in firefox the white background (cell) doesnt extend with the ajax cell so the text just runs down the page over the purple background. But if you look at the page in internet explorer the white background (cell) extends and collapses with the ajax cell like it should. Can someone have a quick look at this and let me know what changes i should make so it works in firefox like it does in IE. PS. Yes the coding is nothing special because it is just a quick site i put together for a friend. Thanks. Similar TutorialsHey there, I have this page working in HTML and Opera,, but wont work in firefox <html> <title>Installer</title> <head> <style type="text/css"> <!-- #img {position: absolute; top: 0px; left: 0px; } a.1:link {font-size: 20px; color: #FFFFFF; font-family: Arial; text-decoration: none; position: absolute; top: 110px; left: 40px; } a.1:visited {font-size: 20px; color: #FFFFFF; font-family: Arial; text-decoration: none; position: absolute; top: 110px; left: 40px;} a.1:hover {font-size: 20px; color: #FFFFFF; font-family: Arial; text-decoration: none; font-weight: bold; position: absolute; top: 110px; left: 40px;} a.2:link {font-size: 20px; color: #FFFFFF; font-family: Arial; text-decoration: none; position: absolute; top: 147px; left: 40px; } a.2:visited {font-size: 20px; color: #FFFFFF; font-family: Arial; text-decoration: none;position: absolute; top: 147px; left: 40px; } a.2:hover {font-size: 20px; color: #FFFFFF; font-family: Arial; text-decoration: none; font-weight: bold; position: absolute; top: 147px; left: 40px;} a.3:link {font-size: 20px; color: #FFFFFF; font-family: Arial; text-decoration: none; position: absolute; top: 185px; left: 40px; } a.3:visited {font-size: 20px; color: #FFFFFF; font-family: Arial; text-decoration: none; position: absolute; top: 185px; left: 40px; } a.3:hover {font-size: 20px; color: #FFFFFF; font-family: Arial; text-decoration: none; font-weight: bold;position: absolute; top: 185px; left: 40px;} --> </style> </head> <body bgcolor="#FFFFFF"> <img src = "Installer.jpg" id="img"><br><br> <a href="Chain-e Link Client Setup\dotnetfx.exe" class="1">Install .NET Framework 1.1</a> <a href="Chain-e Link Client Setup\Setup.exe" class="2">Install Chain-e Link Client</a> <a href="Chain-e Link Server Setup\Setup.exe" class="3">Install Chain-e Link Server</a> </body> </html> the background image displays,, but the links dont.. anyone got any suggestions? thanx in advance Hi there im trying to make a menu sytem for a website and keep coming across the same problem it seems to work fine in IE but in firefox has a 4/5 pixel margin underneath that its really irritating me http://danielbourne.net/pdwcs/1/aboutest.html can anyone see any errors within there that i may have missed ? the menu css is within http://danielbourne.net/pdwcs/1/default.css any help is much apreciated thankyou Daniel Bourne Why Does Alt Text in the html img Tag Not Work in Firefox? It works well in IE but not in Firefox. Anyone knows why? Thanks in advance. Hi, i have created two radio buttons to run 4 functions in my javascript. these run perfectly in IE but dont work in Google Chrome or Firefox! i really need this resolving. Please help. The Javascript is: <script type="text/javascript"> <!-- } function changetextcolor() { document.getElementById('textbtm').style.backgroundColor = '#ffffff'; } function changetextcolors() { document.getElementById('textbtm').style.backgroundColor = '#ffff00'; } function change_background(){ backgroundv=document.getElementById('backgroundimg').value; document.getElementById('background').innerHTML='<img src="place/images/backgrounds/white.png"/>'; } function change_backgro(){ backgrov=document.getElementById('backgroundimg').value; document.getElementById('background').innerHTML='<img src="place/images/backgrounds/yellow.png"/>'; } //--> </script> The HTML coding is: <input type="radio" class="poll1" name="backgroundimg" onClick="javascript:change_background();changetextcolor();" checked> <input type="radio" class="poll2" name="backgroundimg" onClick="javascript:change_backgro();changetextcolors();"> Please help me! Hey guys, I'm brand new to HTML and am teaching myself. I'm right in the middle of studying and have run into a problem. I've been working on my PC up until now but had to transition over to my Mac because it has Photoshop installed on it. I've been trying to open my HTML in Firefox but it isn't working. When I open with Firefox, all it does is bring Firefox to the front but doesn't open my HTML. I've done the same thing in Safari and it displays my code with no problem. Does anyone know what is causing this? Thanks in advance! Hey all, I'm having a bit of trouble applying the style keyword to get it to work in firefox. It works fine in internet explorer. my code is: <table style="position:absolute;left:220;top:155" > as in it doesnt position the table in absolute, it still puts it UNDER any text rather than applying the position any ideas as to why this isnt working in firefox? is there an equivelent I can use to position a table on the screen? I'm utterly confused. Within my heavily "modded" phpBB2 forum, at the top is our Logo, which is a gif image of 800 x 150 in size. Always has been that size since last year (apart from a change in the logo itself). Now, up to a couple of days ago, the Logo displayed correct ratio in ALL browsers. But for some extreme strange reason, the image is now reduced from 800 to 720 in Firefox!! None of the css has been altered, not the overall_header.tpl file, not has any configurations for the Firefox browser been messed about with either. Section from overall_header.tpl file... Code: <table cellspacing="0" width="100%" id="forum"> <tr> <td class="forum-header" align="center"><a href="{U_INDEX}" title="{L_INDEX}"><img src="templates/ca_aphrodite/images/sblogoyg3.gif" width="800" height="150" alt="{L_INDEX}" /></a></td> <td class="forum-header header-search" align="right" valign="bottom"> </td> </tr> <tr> section from css.... Code: /* header */ .forum-header { background: #F7F7F7 url(images/bg_logo.gif) top left repeat-x; padding: 0; } All the above does in places a line wih gradiant behind the logo. To get an overall idea, see my website: http://www.screwballscrabble.co.uk Anyone got any ideas why Firefox is not displaying images at the original size? Any pointers would be extremely grateful! Thanks. Howdy everyone! I'm a noob here and I'm at my wits end. The real problem here is that I know just enough to get myself into trouble, but no concept on how to dig myself out of it. The website I'm working on is he http://www.psychological-warfare.com My problem is that it looks OK in Explorer, but looks like a trainwreck in Firefox. It was designed by retrofitting a template I bought years ago, so it's like trying to decipher the amatuer translation of a Russian mad scientist's codex. I apologize in advance. I've been moving DIV's back and forth for days and Explorer doesn't seem to care. Things just keep getting worse and worse in Firefox. I think the main issue is that I have a left column and then the header that spans the middle and right columns. I can see how Firefox might hate that... The next problem (and I'm hoping someone might have an idea on this): I used a modern header calling this whole mess XHTML. I know exactly squat about the differences between HTML and XHTML except that XHTML loves to have everything "/>"ed. Would all of this work if the header called it transitional HTML and give myself a little leeway? What code should be at the top of my page? Thanks everyone for the help. I wish I could buy everyone a beer! Is there a good old fashion way (simple HTML) to make the bottom of my webpage content all meet evenly at the bottom? The problem is that the bottom of my webpage looks different in FireFox versus Internet Explorer. In Firefox, the bottom contents all meet evenly at the bottom. However, in Internet Explorer, the Center content looks shorter than the Left-Side and Right-Side Content, hence making it look uneven and jacked up... I'm using .shtml and templates for the Left-Side and Right-Side of the Site. The Center content is inside the index.shtml file. Thanks so much in advance for your help. I greatly greatly appreciate your help. My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> Can anyone help me figure our why the side menu is missing when I added HTML code. If I take the code away, the side menus appear. Thanks! Here is the page http://www.tedskitchen.com/Side/Cate...r/Lo_Mein.html Code: <div id="container"> <div id="indexHtml1" style="position:absolute;left:430px;top:200px;width:700px;z-index:80"> <div xmlns:v="http://rdf.data-vocabulary.org/#" typeof="v:Recipe"> <font face="Arial" font size="1" color="#8B000"> <h1 property="v:name">Chicken Lo Mein</h1></font><br><br><br> <img src="/images/Lo_Mein2.jpg" style="position:absolute;top:80%;left:1%;margin:-83px 0px 0px -200px;" rel="v:photo" width="130" height="110" right="300"color="#8B000"/> <font face="Arial" font size="1px"> <div style="position:absolute;left:1px;top:38px;width:700px;z-index:60;> <span property="v:summary">Boiled Chinese noodles, in a tangy sauce,</span><br/> <span property="v:summary">stri fried with Chinese vegetable.</span><br/><br/><br/> <br/> <br/> <font face="Arial" font size="3px"> <div style="position:absolute;right:195px;width:700px;top:90;z-index:60> By: <span property="v:author">Photo by: Suat Eman</span> <span rel="v:Review"> <span typeof="v:Review-aggregate"> <span rel="v:rating"> <span typeof="v:Rating"> <span property="v:average">4.0</span> stars based on <span property="v:count">35</span> reviews </span> </span> </span> </span> <br/> <br/> <font face="Arial" font size="2px"> <div right:200px;width:700px;z-index:60;> Prep time: <span property="v:prepTime" content="PT30M">30 min</span> Cook time: <span property="v:cookTime" content="PT1H">30 min</span> Total time: <span property="v:totalTime" content="PT1H30M">30 min</span> Servings: <span property="v:yield">6</span><br/> <br/> <br/> <br/> <font face="Arial" font size="3px"> <span rel="v:ingredient"> <span typeof="v:Ingredient"> <span property="v:amount">1/2 lb</span>: <span property="v:name">Chinese noodles</span> <br/> <span property="v:amount">1/2 lb</span>: <span property="v:name">Cooked chicken (chunked), shrimp or pork</span> <br/> <span property="v:amount">1 bunch</span>: <span property="v:name">fresh green scallions</span> <br/> <span property="v:amount">1 knob</span>: <span property="v:name"> fresh ginger</span> <br/> <span property="v:amount">3-4</span>: <span property="v:name">cloves garlic</span> <br/> <span property="v:amount">1 lb</span>: <span property="v:name">bean sprouts</span> <br/> <span property="v:amount">1/2 cup</span>: <span property="v:name">pea pods</span> <br/> <span property="v:amount">1/2 cup</span>: <span property="v:name">shredded Chinese cabbage</span> <br/> <span property="v:amount">2 1/2 tablespoons</span>: <span property="v:name">soy sauce</span> <br/> <span property="v:amount">2 1/2 tablespoons</span>: <span property="v:name">hosin sauce</span> <br/> <span property="v:amount">1 teaspoon</span>: <span property="v:name">cornstarch</span> <br/> <span property="v:amount">1/4 tablespoons</span>: <span property="v:name">sea salt</span> <br/> <span property="v:amount">3 tablespoons</span>: <span property="v:name">peanut oil</span> <br/> <span property="v:amount">1 tablespoon</span>: <span property="v:name">dry sherry</span> </span> <br/> <br/> <br/> <br/> <div property="v:instructions"> 1. Boil noodles according to package directions; rinse briefly under cold<br/> water and drain set aside.<br/> 2.Slice scallions lengthwise then into 1 inch longs pieces.<br/> Wash and peel ginger, then grate using a fine grater.<br/> Peel and finely mince garlic. Wash bean sprouts well in cold running water.<br/> 3.In a small bowl, combine soy and oyster sauce, salt and cornstarch.<br/> 4.Heat peanut oil in a large wok or skillet until sizzling hot.<br/> Add pork, onion and ginger, stirring constantly for 1 minute.<br/> Add garlic, and sherry; stir in bean sprouts<br/> (and other vegetables and shrimp, if using) and soy sauce mixture.<br/> 5.Quickly stir in noodles and stir fry for 3 minutes<br/> </div> </div> </div> </div> </div> </div> </div> </div> </div> Code: <object height="50%" width="50%" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"> <param name="AutoStart" value="1" /> <param name="FileName" value="http://localhost:8000" /> </object> i am streaming music and i want to put it into a website. but i have no clue how to make it work with opera or firefox. the above code works perfectly with IE. so is there a special trick that i need to do? Hi, I just changed some content in the middle of a oscommerce php page that I have been working with for a couple of years. I frequently add or change content in a table in this page. http://www.leavemeb.com/index.php Today, I added new stuff, pics, etc and used percentages in the tables to space things out well and so that when someone expands or condenses the browser window, the content adjusts accordingly. Now, in IE it shows up perfectly, yet in firefox on my mac it is very spaced out and can't even fit the whole page across without me having to scroll to the right to see the right collumn. Can anyone help me see what is not working here? I would be very grateful. I can't seem to see it. Nichole In a website i'm designing, there is a slideshow I created, and instead of using flash I used Windows Media Player. For some reason the html border attribute on both the <embed> and <object> tags, when viewed in Firefox, do not work. Page with border problems here is the code, if you want it: Code: <center> <object id="MediaPlayer" width="800" height="650" classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112" title="Pete's Mountain Road Slideshow" border="3"> <param name="filename" value="http://www.petesmountainroad.com/PetesMountain.wmv" /> <param name="Showcontrols" value="True" /> <param name="autoStart" value="False" /> <param name="wmode" value="transparent" /> <embed type="application/x-mplayer2" src=http://www.petesmountainroad.com/PetesMountain.wmv" name="MediaPlayer" autoStart="False" wmode="transparent" width="800" height="650" title="Pete's Mountain Road Slideshow" /> </object> <br /> <p class="main">If you do not have Windows Media Player, you can view the video by following <a class="Link" href="http://www.microsoft.com/windows/windowsmedia/player/11/default.aspx" target="_blank" title="Download Windows Media Player 11">this link</a> to download the program to your computer, then try to play it again.</p> </center> </body> </html> Hi, I'm just learning html and I'm creating my website in Frontpage 2003. I looked in IE6 and my individual pages are exactly how I want them to look. However, viewing the same pages in Firefox presents me with a problem I'm not sure how to correct. It has to do with the center table. I originally copied and pasted the contents from Excel into the table (which I think was a mistake now). My workaround to this was copying and pasting the contents in the table into Notepad; and also shortening the length of each line; and then re-pasting the contents back into the table. It looks o.k. in Firefox but the alignment is no longer "justified". Can someone please tell me what I should be doing in the html code here? To see what I mean please open the link below in both IE and Firefox. http://www.prosperityteachers.com/ne...ew_thought.htm Much appreciated! i have written a simple html form code the problem is that this code is working fine when run in interner explorer, if i run in mozilla firefox form reset button work as submit button it show submit validation code when reset button press, can any one help me here is the code <script type="text/javascript"> function validation() { alert("submit buton has pressed"); return true; } </script> <body> <form id="form1" name="form_feedback" method="post" onsubmit="return validation();"> <table width="488" border="0"> <!--DWLayoutTable--> <tr> <td width="85"><span>Name:</span></td> <td width="393"><input name="txt_name" type="text" id="textfield2" size="35" /></td> </tr> <tr> <td><span>Email:</span></td> <td><input name="txt_email" type="text" id="textfield3" size="35" /></td> </tr> <tr> <td><span>Address:</span></td> <td height="0"><label> <textarea name="txt_address" id="textarea" cols="45" rows="2"></textarea> </label></td> </tr> <tr> <td><span>Phone No:</span></td> <td height="0"><input name="txt_phoneno" type="text" id="textfield4" size="20" onkeypress="return numeralsOnly(event)" /></td> </tr> <tr> <td><span>Comments For:</span></td> <td height="0"><input name="txt_commentsfor" type="text" id="textfield5" size="20" /></td> </tr> <tr> <td><span>Comments:</span></td> <td height="0"><label> <textarea name="txt_comments" id="textarea2" cols="45" rows="5"></textarea> </label></td> </tr> <tr> <td height="0"><label> <input type="submit" name="btn_submit" value="Submit"/> <input type="reset" value="Reset" name="btn_reset"/> </label></td> </tr> </table> </form> </body> How do I get the Content Management System Admin features: block to move down slightly. It looks fine in IE but firefox its not looking right http://www.upfrontdesigns.co.uk/build/services.html Hi all. I'm very new to html/css code, but have managed to create a decent looking webpage so far. Well, up until last night anyway! I added three text images to my page, and it looks good when viewing with FireFox. It use to even look ok when viewed using IE, but now my NavBar is all screwed up, and the header image will not show. Could someone please take a look at the source code, and my style sheet, and let me know what could have went wrong? Thanks! |