HTML - Firefox V3 Prob!!
Hi folks
Just upgraded to firefox 3 and am having problems with a webpage. It is an html table website and firefox 3 is wrecking it. firefox 2 worked fine. I was wondering if anyone could give me an idea what is happening and how to fix it. It looks as if it is repeating some of td code. I know i should switch this over to full on css coding but until then how can i fix it!!?? the web site is http://www.studenberg-law.com Similar TutorialsI have this site I designed, of course I like it perfectly in Internet Explorer but when I tried it in FIREFOX something gets messed up. http://idesrecordings.com/testindex.htm Basically, you scroll over the cagalogue numbers [ID03] etc. If you click on one, a new smaller window opens. This works perfectly in IE for me. In Firefox, when I click on it, the smaller window opens, and the background window a few seconds later follows and displays the small page fullscreen as well. Basically, I want the homepage to always be in the background, and these seperate pages to always be in the smaller windows. I'm on a PC, I notice in Firefox it works properly if you RIGHT click on the items, but most people are going to LEFT click, so... I need it to work the same as it does in Internet Explorer. What do I do?! Code: <div id="Layer2" style="position:absolute; width:394px; height:291px; z-index:2; left: 93px; top: 165px" class="greenlinks"> <p><font face="Segoe Media Center"><font size="2"><b><font face="Arial Unicode MS">TAPE SERIES DISCOGRAPHY <br> </font></b><font face="Arial Unicode MS">[click on cataglogue number for more info]</font><font face="Arial Unicode MS" size="2"><br> </font></font></font></p> <p class="links"><font face="Arial Unicode MS" size="2"><a href="01cribdeath.htm" class="hoverlink" onMouseDown="MM_openBrWindow('01cribdeath.htm','','width=350,height=450')">[ID01]</a> CRIB DEATH "Nursery" c26<br> <a href="02climaxdenial.htm" class="hoverlink" onMouseDown="MM_openBrWindow('02climaxdenial.htm','','width=350,height=450')">[ID02]</a> CLIMAX DENIAL "Sexuality is Curse" c32<br> <a href="03skullerection.htm" onMouseDown="MM_openBrWindow('03skullerection.htm','','width=350,height=450')" class="hoverlink">[ID03]</a> SKULL ERECTION "Towards Failure" c20<br> <a href="04panicsville.htm" onMouseDown="MM_openBrWindow('04panicsville.htm','','width=350,height=450')" class="hoverlink">[ID04]</a> PANICSVILLE "Psychosexual" c40<br> <a href="05waltercarson.htm" onMouseDown="MM_openBrWindow('05waltercarson.htm','','width=350,height=450')" class="hoverlink">[ID05]</a> WALTER CARSON "Three Ellipticals" c30<br> <a href="06glassbath.htm" onMouseDown="MM_openBrWindow('06glassbath.htm','','width=350,height=450')" class="hoverlink">[ID06]</a> GLASS BATH "Grey Gardens c40<br> <a href="07chambers.htm" onMouseDown="MM_openBrWindow('07chambers.htm','','width=350,height=450')" class="hoverlink">[ID07]</a> N. CHAMBERS "Reciprocity" c30<br> <a href="08sixes.htm" class="hoverlink" onMouseDown="MM_openBrWindow('08sixes.htm','','width=350,height=450')">[ID08]</a> SIXES "Slit Ritual" c30<br> <a href="09caves.htm" class="hoverlink" onMouseDown="MM_openBrWindow('09caves.htm','','width=350,height=450')">[ID09]</a> CAVES "My Kingdom" c60<br> <span class="hoverlink"><a href="10kites.htm" class="hoverlink" onMouseDown="MM_openBrWindow('10kites.htm','','width=350,height=450')">[ID10]</a></span> KITES "Deny 1" c40<br> <a href="11raglani.htm" onMouseDown="MM_openBrWindow('11raglani.htm','','width=350,height=450')" class="hoverlink">[ID11]</a> RAGLANI "Oneism" c30<br> <a href="12sabuse.htm" onMouseDown="MM_openBrWindow('12sabuse.htm','','width=350,height=450')" class="hoverlink">[ID12]</a> SECRET ABUSE "Master I Have Desire" c30</font></p> hoverlink is the name of my CSS for rollover links. Hopefully this makes sense. i am having a headache with a text align issue. when viewed in IE it is fine. In firefox it gets messed up. I cant figure out what is wrong. I am trying to wrap text around the pic so i got one table with 2 columns. the left column has a pic, the right the font. i then have another table under this containing the rest of the text so that it goes under the pic. in ie this views fine...it firefox there is a pretty big space...making it not look seamless. can anyone give me an idea on how to fix this. my style sheet for the font doesnt only has justified command...the rest of the alignment is being done with html. i have included a link if you want to take a looksie. thanks www.studenberg-law.com/profile.htm Hey guys, im a noob at html, but im a graphic designer so decided to put my own site together. i used dreamweaver to make the code but have come across a problem. www.londonjam.co.uk in firefox, everything is ok, but in explorer there are gaps. just below the email address and at the bottom of the p on portfilio. Could someone please help me as i need to promote my site, but want it looking correct before i do Thanks Dan have developed a basic site for our PTA i have included a passworded page where i can upload information in private this all seems to work fine BUT i have found a problem to which i need advice on from you guys and that is when you go through the password log in bit (all fine works) i am in then you hit the home page link i(its fine works) but then when you go back to re log in after homing it returns you not to the password area but directly to the passworded page . i used html password lock to do my pass wording any help most welcome thanx I am having a problem in FF and IE when resizing the screen on this site:- http://www.parentk12.com/wnp/ The two right hand divs drop off when the screen size is reduced. This does not happen in Opera. I realise that Opera is the most CSS standards compliant browser but I'm fairly new to this game and dont know how to work the CSS magic to fix the problem in FF and IE. The pages all validate so I dont know what else I should do. Any help would be GREATLY appreciated. Best Regards CS Hey guys In internet explorer, in a computer that has Skype installed on it, Skype makes all telephone numbers in webpages into Skype buttons with a Skype menu! Here is an example. http://thebrowserhighlighter.com/images/tool_skype.gif There are two problems with this: As a result, Skype takes control of the graphics, it changes the font, the size, and adds a Skype button near it! The second problem is that Skype also "thinks" IDs and or catalog numbers are PHONE numbers, and does the same thing to them! Is there a way to disable Skype from doing this (not in MY computer, in the HTML itself)? Hi. Little Help Please. In a plain old html page when referencing files the absolute path should be from the DocumentRoot right? so: /images/blah.gif should point to /var/www/html/images/blah.gif from a local point of view if DocumentRoot='/var/www/html' right? how come when i try the first i cant find the image, but the second way works? Shouldnt everything above DocumentRoot be invisible to a html file?? Cheers. hey guys .. lil help if you could .. iv jst began to put some of my work online and just breakin into html .. iv uploaded a splash for my website but i seem to be gettin a white bar along the right hand side and bottom .. the 1st time u veiw the site its fine .. but then u click back or refresh . and this white appears !! its prob a simple mistake in the code im thinkin .. but i dont know wat .. if someone can look and hopefully tell me how to fix .. much appreciated cloud9.mythicx.com Hello, I am pretty new to the whole html world so forgive me if this is a simple problem. I have look all over for a post explaing this problem but i haven't found anything. I am making a site for a friend using Dreamweaver. I know i know, i regret not coding it from scratch but its too late now. Anyways I have a pretty good page layout going now but I have ran into a problem with loading my images. On my home page an image in a table nested inside another table will load when viewing in safari but seems to disappear in firefox. What is going on? Its a pretty simple piece of code. I place; <img src="Pictures/RDV couplepalm.jpg" width="200" height="" style="float:right; padding: 8px; margin-left:10px; margin-bottom: 10px" / inside of a paragraph in a row of a table. I have rewritten the code for this image, copied it from a working image and screwed around with the table heights (although I wasn't too sure what i was doing). What else should I try? I have attached screen shots of the site in both browsers a copy of the problem jpeg aswell as a copy of the html. Any information anyone could givee me would be REALLY appreciated! Thank you. I have recently designed a website on Google Chrome...And after finishing it and opening it on Firefox and IE, I was surprised by the strange look of my site...The widths and tops and everything of CSS of boxes I did look completely different...I tried to add DOCTYPE and stuff like that and still it makes no sense but makes the same issue with Google Chrome too and when erasing it..The site runs on google chrome properly but not in IE and Firefox...Please help me fixing this problem... My site: http://islamdiaa.selfip.com/ I am new to design but can already tell that a majority of my time is spent on tinkering with my pages to make them appear correctly in the very picky and buggy IE7 while my pages appear just fine in Firefox. I am wondering if anyone knows of a good resource site that lays out tips on how to get around the tricky parts of how IE7 displays pages. I have a page he http://www.bestsellersworld.com/contest-mothersday.htm In IE, it looks fine. In Firefox I cannot see the names of the five books at the right. This is done with a script but it shows on IE. What do I have to do to make everything show on Firefox? Hey everyone, I'm having a problem with how text is being aligned inside a table, which is how I want in firefox, but of course it's different in IE. The site is http://www.mycomputerfox.com/new/aboutus.html. The problem is the text to the right of the slideshow should be aligned middle center, but it's not in IE. The html is: 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" /> <title>ComputerFox</title> <link href="design/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="frame"> <div id="header"> <center> <img src="design/computerfoxbanner.jpg"> </center> </div> <div id="menu"> <center> <A HREF="index.html" onmouseover="document.home.src='design/buttons/home1.gif'" onmouseout="document.home.src='design/buttons/home.gif'"><img name="home" src="design/buttons/home.gif"></a><A HREF="aboutus.html" onmouseover="document.aboutus.src='design/buttons/aboutus1.gif'" onmouseout="document.aboutus.src='design/buttons/aboutus.gif'"><img name="aboutus" src="design/buttons/aboutus.gif"></a><A HREF="news.html" onmouseover="document.news.src='design/buttons/news1.gif'" onmouseout="document.news.src='design/buttons/news.gif'"><img name="news" src="design/buttons/news.gif"></a><A HREF="services.html" onmouseover="document.services.src='design/buttons/services1.gif'" onmouseout="document.services.src='design/buttons/services.gif'"><img name="services" src="design/buttons/services.gif"></a><A HREF="datarecovery.html" onmouseover="document.datarecovery.src='design/buttons/datarecovery1.gif'" onmouseout="document.datarecovery.src='design/buttons/datarecovery.gif'"><img name="datarecovery" src="design/buttons/datarecovery.gif"></a><A HREF="servicecontracts.html" onmouseover="document.servicecontracts.src='design/buttons/servicecontracts1.gif'" onmouseout="document.servicecontracts.src='design/buttons/servicecontracts.gif'"><img name="servicecontracts" src="design/buttons/servicecontracts.gif"></a><A HREF="locateastore.html" onmouseover="document.locatestore.src='design/buttons/locateastore1.gif'" onmouseout="document.locatestore.src='design/buttons/locateastore.gif'"><img name="locatestore" src="design/buttons/locateastore.gif"></a><A HREF="contactus.html" onmouseover="document.contactus.src='design/buttons/contactus1.gif'" onmouseout="document.contactus.src='design/buttons/contactus.gif'"><img name="contactus" src="design/buttons/contactus.gif"></a> </center> </div> <div id="content"> <table width="100%"> <tr> <td class="noh"><script language="JavaScript1.1"> <!-- //Pixelating Image slideshow //Copyright Dynamic Drive 2001 //Visit http://www.dynamicdrive.com for this script //specify interval between slide (in mili seconds) var slidespeed=5000 //specify images var slideimages=new Array("design/slide/photo1.jpg","design/slide/photo2.jpg","design/slide/photo3.jpg","design/slide/photo4.jpg","design/slide/photo5.jpg","design/slide/photo6.jpg","design/slide/photo7.jpg") //specify corresponding links var slidelinks=new Array("http://www.rfrank118.com/tv.htm","http://rfrank118.com/Kids.htm","http://www.rfrank118.com/agenda.htm","http://www.ronpaultv.blogspot.com","http://www.infowars.com/stream.pls","http://www.amann2010.com","http://www.rfrank118.com/Brochure.htm") var imageholder=new Array() var ie55=window.createPopup for (i=0;i<slideimages.length;i++){ imageholder[i]=new Image() imageholder[i].src=slideimages[i] } function gotoshow(){ window.location=slidelinks[whichlink] } //--> </script><a href="javascript:gotoshow()"><img src="photo1.jpg" name="slide" border="0" style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1); text-align:left;" align="absbottom" width="450" height="200"></a> <script language="JavaScript1.1"> <!-- var whichlink=0 var whichimage=0 var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0 function slideit(){ if (!document.images) return if (ie55) document.images.slide.filters[0].apply() document.images.slide.src=imageholder[whichimage].src if (ie55) document.images.slide.filters[0].play() whichlink=whichimage whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0 setTimeout("slideit()",slidespeed+pixeldelay) } slideit() //--> </script></td> <td align="center" valign="middle" class="noh" width="345px"><h3>About Us</h3></td> </tr> <tr> <td class="noh" colspan="2"><p style="color: #000000;">The Computerfox has two locations that service all of Fairfield County and one location that services the Milford New Haven Area. Unlike many of our competitors we have three separate commercial locations.<br><br> We make no qualms about working late, starting early, and providing you with an emergency Cell phone number. Our ultimate goal is to make every customer feel like our service is the best there is.<br><br> Our employees are not "Nerds" or "Geeks" but rather professionally trained people who will set aside their personal agenda to help a customer in a crisis. The ComputerFox also provides a customer service line to resolve any potential concerns you may have. Click on the "contact us" link for a phone number.<br><br> We realize there is a lot of competition in our field and customers can be afraid of trying a new company. For this reason we would like like to thank you in advance for considering us as your provider, and as token of our sincerity you may print or mention the coupon below for a "no obligation" "Risk Free" visit.</p> <br> <center><img style="border-style:dotted;" src="design/tagcoupon.jpg"></center></td> </tr> </table> </div> <div id="footer"> <center> <img src="design/buttons/filler.gif"><A HREF="preowned.html" onmouseover="document.preowned.src='design/buttons/preowned1.gif'" onmouseout="document.preowned.src='design/buttons/preowned.gif'"><img name="preowned" src="design/buttons/preowned.gif"></a><img src="design/buttons/seperator.gif"><A HREF="aboutus.html" onmouseover="document.homemovies.src='design/buttons/homemovies1.gif'" onmouseout="document.homemovies.src='design/buttons/homemovies.gif'"><img name="homemovies" src="design/buttons/homemovies.gif"></a><img src="design/buttons/filler.gif"> </center> </div> </div> </body> </html> The css is: Code: @charset "utf-8"; /* CSS Document */ body { font-family: Arial, Helvetica, sans-serif; color: #000000; background-color: #E97F19; } #frame { width: 800px; height: auto; margin-left: auto; margin-right: auto; border: thin double #000000; } #header { width: 800px; height: auto; padding-top: 5px; } #menu { width: 800px; height: auto; margin-top: 10px; } #content { width: 780px; height: auto; margin-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; background-color: #FF9933; } #footer { width: 800px; height: auto; padding-bottom: 10px; padding-top: 10px; } p { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } h1, h2, h3, h4, h5 { color: #FFFFFF; padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; } img { border: none; } a:link { color: #FFFFFF; } a:visited { color: #FFFFFF; } a:active { color: #FF6600; } a:hover { color: #FF0000; font-weight: bold; } .noh { padding-top: 5px; } li.down { padding-bottom: 5px; } h4.table { padding: 0px 0px 0px 0px; } Any help would be great. Thanks! Hey Everyone, Brand new to the website and need a little bit of help. I have been working on designing a page for my company through a template which is linked to a cyberstore. I was viewing and testing it in IE...but when we switched to Mozilla firefox it is extremely messed up. The logo has shifted completely. Is there any code that will format the logo to stay in the same place when viewed in both browsers? I am also having a hard time with Mozilla firefox reconizing the roll over states that IE is recongnizing(Thats in the CSS). Any help would be appreciated. -Amanda hi to all members. i have this code Code: <div id="header_menu"><img alt="" src="images/m_left.jpg" /><a href="http://www.ghesi.com/despre-noi.php"><img alt="" src="images/23232m4.jpg" /></a><a href="http://www.ghesi.com/check.php"><img alt="" src="images/m2.jpg" /></a><img src="images/linia.jpg"><a href="http://www.ghesi.com/hosting.php?spt=1"><img alt="" src="images/m3.jpg" /></a><img src="images/linia.jpg"><a href="http://www.ghesi.com/hosting.php?pt=r"><img alt="" src="images/m4.jpg" /></a><img src="images/linia.jpg"><a href="http://www.ghesi.com/contact.php"><img alt="" src="images/contact.jpg" /></a><img src="images/m_right.jpg" alt="" width="8" /><img src="images/rohelp.jpg"><img src="images/aw.jpg"></div> <!-- content --> <div class="top_indent bgr"></div> <div class="bgr site_width"> <!--left_box--> <div class="separate"><img alt="" src="images/spacer.gif" width="1" height="540" /></div> <a href="images/legal.jpg"><img src="images/legal1.jpg" alt="Legal" align="right" style="margin-right:10px" border="0"></a> Ghesi.com este un serviciu oferit de Total Domination S.R.L.<br> <br>Total Domination S.R.L are sediul in Alba-Iulia, Bulevardul Republici Nr. 26 si este inregistrata la Registrul Comertului cu numarul J01/986/2007 si codul fiscal 22198660 din 01/08/2007 avand activitatea incadrata in clasa CAEM 7230 Prelucrarea informatica a datelor.<br><br> Serviciile oferite de Ghesi.com sunt specializate in acordarea de asistenta pentru partenerii si clientii sai, prin identificarea de noi oportunitati de piata si prin cresterea valorii produse de activitatile conexe, ajutandu-i sa se concentreze asupra activitatii de baza. <br><br> Dezvoltam 3 tipuri de activitati interconectate: servicii gazduire pentru clienti si reselleri pentru parteneri, inregistrari domenii pentru clinerti si reseller de domenii pentru parteneri, servere dedicate. Suntem furnizori de servicii de gazduire web pentru mediile Internet si IT. <br><br><strong>Date legale:</strong><br><br>Total Domination SRL<br><br>Cod Unic de Inregistra 22198660<br><br>Nr de Inregistrare la Registrul Comertului: J01/986/2007<br><br>Sediu Administrativ: B-dul Republicii Nr. 26 <br><br>Sediu Social: B-dul Republicii Nr. 26, 510199 Alba-Iulia <br><br><strong>Informatii Bancare :</strong><br><br><u>Banca: Banca Transilvania - Sucursala Alba-Iulia (str. Motilor nr.2-4)</u><br><br>Cont RON: RO75BTRL00101202F13299XX<br><br>Cont EUR: RO50BTRL00104202F13299XX<br><br>Cod SWIFT: BTRLRO22ABA<br><br><u>Banca: BRD-Groupe Societe Generale, Alba-Iulia</u><br><br> Cont RON: RO03BRDE010SV13090310100</td></tr> <div class="separate_1"><img alt="" src="images/spacer.gif" width="1" height="1" /></div> <div class="clear"></div> </div> <div class="button_indent bgr"></div> and the output in firefox is this, this is what i'm locking for but in Internet Explorer the output is this i want the site in IE to have the same look as in firefox. this is the image <img src="images/legal1.jpg" alt="Legal" align="right" style="margin-right:10px" border="0"> who can tell me what is my mistake, in not a guru in html It has been brought to my attention by my customer, whos website I designed, looks different in FireFox. What I have noticed is his google adsence is shifted all the way to the right, which pushes everything below it down. I have it in the table set to align left, but firefox seems to ignore this... any ideas? the site is http://www.tegbs.com ive been building a site with internet explorer, looks good. once i open in firefox everything is out of place and scattered everywhere. why would this be. also ive noticed with most sites you can change the size of the window and the website wont change, only the window. but with the site im building, once i change window size everything gets out of place and ordered. why? these are the code i try to run <table> <tr><td><img src="..."><button type="..."></td><tr> <tr><td><img src="..."><button type="..."></td><tr> <tr><td><img src="..."><button type="..."></td><tr> </table> In ie, they line up ok, but they just dont do the same in firefox. how can i solve this? Hello, im pretty much a newbie and ive been asked to create a website for my friend's small company, anywho, i've been using dreamweaver, the site is as follows. http://www.spire-guild.com/pw/index2.html Perfectly aligned on firefox but has some huge cap on the right side where you open it on I.E Can anyone help me as i really don't know what im doing. Cheers. Hello all out there in the web world. I'm working on a floral site http://gellingsfloraldesign.com/. Site isn't completely done (specifically the products page). I have validated most of site but there are two things: 1. I'm having issues in FireFox (I think it may have something to do with the left menu repeating but have tried everything I can think of to fix.) 2. I cannot get pages that contain floral images to validate (the image URL is from my main company). For example: http://s7d2.scene7.com/is/image/Tele...ayer=2&opac=55 I checked in Opera, Safari, IE 7 and 8 and things seem to be ok. Thank you, Andrew |