HTML - Css Not Working With Firefox
Similar TutorialsHello all, I was wondering if anyone can help me, I a site look exactly right in IE7 but Firefox doesn't work... I'm guessing this will be the same as Safari. The site has been uploaded to here http://www.chappo.co.uk/years_ahead Please can someone show me where I'm going wrong... Thanks all!! Jason I'm building a small website with only 5 links. Two of the links work fine while the other three are non-functional in Firefox. All links work fine, as they should from what I can gather, in IE. If anyone could take a gander at the code and point out anything they see that Firefox might not like I'm all ears. I'm totally baffled on this one. I know all the inline CSS makes for cluttered code but it's such a small website I didn't feel like creating a style sheet and having to switch back and forth. I'm using Firefox/3.5.12 for testing the site in Firefox btw. UPDATE: Problem solved. Had to undo some particular jerryrigging elswhere on the page to overcome a strange gap that there was no rhyme or reason should be there. Found another solution and now the links work fine. code: <div style="position: relative; top: 0; left: 0; width: 634px;"> <div style="position: relative; top: 30px; left: 85px; width: 80px; height: 30px; background-image: url(images/blk-gry-light-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a style="color: #000000;" href="index.html">home</a></div> <div style="position: relative; top: 30px; left: 105px; width: 80px; height: 30px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a href="walking.html">dogwalking</a></div> <div style="position: relative; top: 30px; left: 125px; width: 80px; height: 30px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a href="sitting.html">dogsitting</a></div> <div style="position: relative; top: 30px; left: 145px; width: 80px; height: 30px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; font-size: 16px; text-align: center; padding: 5px; float: left;"><a href="rates.html">our rates</a></div> <div style="position: relative; top: 30px; left: 165px; width: 80px; height: 30px; font-size: 16px; background-image: url(images/blk-gry-bg.jpg); background-repeat: repeat-x; text-align: center; padding: 5px; float: left;"><a href="contact.php">contact us</a></div> </div> I have a flash style drop down on my site www.primenewscenter.com and the menu works fine and how it should in IE and Safari but for some reason not in FireFox, I was wondering if someone could please help? Thanks! www.primenewscenter.com - main front page http://www.primenewscenter.com/index-new.php - where the code is for the menu Thank you Hi All, I am new to these forums but I am a long time, 20+ years, programmer and have been working with html for many of those years but I am no expert. I have been writing pages for an intranet where the employees only use IE, and IE 6 to be precise, company defined, not me. Some of the pages will now be accessible to outside users so I thought I needed to test on more browsers and I have found an issue with some HTML not working in FF. <DIV id="idser" class="InnerBox" style="position: absolute; top: 80; left: 400; height: 68; width: 130"> <A class="link" onClick="dshow('idserdet'); dhide('idnew'); dhide('idview'); dhide('idser'); dhide('idhist'); dhide('idreq'); dhide('idgrn'); dhide('idtran'); dhide('idxfer')"> <IMG SRC="/images/barcode.gif HEIGHT="34" WIDTH="100" BORDER="0"> </A> <br> <A class="link" onClick="dshow('idserdet'); dhide('idnew'); dhide('idview'); dhide('idser'); dhide('idhist'); dhide('idreq'); dhide('idgrn'); dhide('idtran'); dhide('idxfer')"> Serial # Search </A> </DIV> <DIV id="idhist" class="InnerBox" style="position: absolute; top: 80; left: 530; height: 68; width: 130"> <A HREF="http://dev.au.av.ae.ge.com/cgi-bin/saafpcgi/none/sapsco6/zz/dev/ivreview" class="link"> <IMG SRC="/images/history.gif HEIGHT="34" WIDTH="32" BORDER="0"> </A> <br> <A HREF="http://dev.au.av.ae.ge.com/cgi-bin/saafpcgi/none/sapsco6/zz/dev/ivreview" class="link"> View History </A> </DIV> Both lots of code above work in IE, the first DIV with link does not work in FF. I have tried adding the onClick to the DIV and removed the anchors, I have made HREF="#" and also HREF="javascript;;" and several other permutations but none seem to make the link work in FF. I have spend hours on this now. Any/All thoughts/advice will be gratefully accepted. I really don't know much about html and I could use some help here. http://www.hazlethawks.com/hawks/cheer_news.asp there should be a link on the left menu that says "loud and proud" but it doesn't show up in firefox. IE works fine. Any thoughts? Thanks in advance I have some hmtl code that runs fine under Google Chrome but not under IE8 or Firefox. When i left click links on the left side panel, the linked text disappears until i release the mouse, and even then i am not redirected to the linked page. Here is the website. www.negoaltendinghq.com Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <!-- TemplateBeginEditable name="doctitle" --> <title>NE Goaltending HQ</title> <!-- TemplateEndEditable --> <style type="text/css"> <!-- .style1 {color: #CA0000} --> </style> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css"> <!-- a:link { color: #F00; text-decoration: none; } a:visited { color: #F00; text-decoration: none; } a:hover { text-decoration: underline; color: #06F; } a:active { text-decoration: none; color: #039; display: none; line-height: normal; } .header { font-size: 18px; } --> </style> <!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable --> <link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css"> <style type="text/css"> <!-- a { font-size: 16px; } --> </style> </head> <body bgcolor="#660000" text="#000000" alink="#000000" leftmargin="0" topmargin="0"> <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="101%" id="AutoNumber1" height="244"> <tr> <td width="100%" style="border-style:none;" bgcolor="#E2E2E2" height="auto" valign="top"> <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber5" height="60"> <tr> <td width="25%" style="border-style: none; border-width: medium; font-size: 10px; font-style: normal;" height="58" bgcolor="#660000"><p align="center" style="margin-top: 0; margin-bottom: 4px; font-style: inherit; color: #FFF;"><a href="../index.php"><img src="../Pictures/banner_picnew.png" width="293" height="108" align="left"></a><span style="margin-top: 0; margin-bottom: 0; color: #FFF; font-size: 14px;"></span></td> <td width="61%" style="text-align: center; color: #FFF; border-style: none; border-width: medium; font-size: 24px; font-style: italic;" bgcolor="#660000">'New England Hockey Goaltender Headquarters' </td> <td width="14%" style="font-weight: bolder; text-align: center; color: #FFF; border-style: none; border-width: medium; font-size: 14px; font-style: normal;" bgcolor="#660000"><span style="margin-top: 0; margin-bottom: 0; font-style: inherit; color: #FFF;"></span> <?php if (isset($_COOKIE["login"])) { echo "Welcome " . $_COOKIE["login"] . "<br />"; echo '<b><font face="Verdana" color="#FFFFFF"><strong><a href="/pages/scripts/logout.php">Logout</a> <a href="/pages/account.php">Account</a></strong></font></b></td>'; } else {echo "Welcome guest! <br />"; echo '<b><font face="Verdana" color="#FFFFFF"><strong><a href="/pages/login.php">Login</a> <a href="/pages/register.php">Register</a></strong></font></b></td>'; } ?> </tr> </table> </td> </tr> <tr> <td width="100%" style="border-style: none; border-width: medium" height="14"> <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber2"> <tr> <td width="20%" height="40" align="center" bordercolor="#E2E2E2" bgcolor="#666666" style="border-left-style: none; border-left-width: medium; border-top-style: none; border-top-width: medium; border-bottom-style: none; border-bottom-width: medium"><ul id="MenuBar1" class="MenuBarHorizontal"> <li class="MenuBarItemSubmenu"><a class="MenuBarItemSubmenu" href="/index.php">Home</a> <ul> <li><a href="/index.php">Home Page</a></li> </ul> </li> <li><a class="MenuBarItemSubmenu" href="#">Level</a> <ul> <li><a href="/pages/coming_soon.php">Youth</a></li> <li><a href="/pages/coming_soon.php">High School</a></li> <li><a href="/pages/coming_soon.php">Juniors</a></li> <li><a href="/pages/coming_soon.php">Prep</a></li> </ul> </li> <li><a class="MenuBarItemSubmenu" href="#">State</a> <ul> <li><a href="/pages/coming_soon.php">MA</a></li> <li><a href="/pages/coming_soon.php">NH</a></li> <li><a href="/pages/coming_soon.php">ME</a></li> <li><a href="/pages/coming_soon.php">VT</a></li> <li><a href="/pages/coming_soon.php">CT</a></li> <li><a href="/pages/coming_soon.php">RI</a></li> </ul> </li> <li><a href="#" class="MenuBarItemSubmenu MenuBarItemSubmenu">Resources</a> <ul> <li><a href="/pages/coming_soon.php">Playing Tips</a></li> <li><a href="/pages/coming_soon.php">Goalie Gear</a></li> <li><a href="/pages/coming_soon.php">Development</a></li> <li><a href="/pages/jokes.php">Goalie Jokes</a></li> <li><a href="/pages/coming_soon.php">Goalie Misc.</a></li> <li><a href="/pages/coming_soon.php">NE Leagues and Teams</a></li> </ul> </li> <li><a href="#" class="MenuBarItemSubmenu">Member</a> <ul> <li><a href="/pages/register.php">Register for free</a></li> <li><a href="/pages/login.php">Login</a></li> <li><a href="/pages/coming_soon.php">Game Charts</a></li> <li><a href="/pages/coming_soon.php">Resume Builder</a></li> <li><a href="/pages/coming_soon.php">Browse Profiles</a></li> <li><a href="/pages/coming_soon.php">Administrator</a></li> </ul> </li> <li><a href="/pages/coming_soon.php" class="MenuBarItemSubmenu">Featured </a> <ul> <li><a href="/pages/coming_soon.php">Featured Goalies</a></li> </ul> </li> <li><a href="/pages/coming_soon.php" class="MenuBarItemSubmenu">About Us</a> <ul> <li><a href="/pages/coming_soon.php">NEGHQ Charter</a></li> <li><a href="/pages/coming_soon.php">Contact Page</a></li> </ul> </li> </ul> </tr> </table> </td> </tr> <tr> <td width="100%" style="border-style: none; border-width: medium" height="123" valign="top"> <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-width: 0" bordercolor="#111111" width="100%" id="AutoNumber6"> <tr> <td width="19%" height="661" valign="top" bgcolor="#660000" style="border-style: none; border-width: medium"> <div align="center"> <p><font face="Verdana, Arial, Helvetica, sans-serif"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><img src="../Pictures/NEGHQ_logo_small.png" alt="" width="193" height="211" align="middle"></font></font></p> <p> </p> </div> <table width="200" border="1"> <tr> <td bgcolor="#FFFFFF"><a href="/coming_soon.php">Playing Tips</a></td> </tr> <tr> <td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Goalie Gear</a></td> </tr> <tr> <td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Coaches and Camps</a></td> </tr> <tr> <td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Goalie Misc.</a></td> </tr> <tr> <td bgcolor="#FFFFFF"><a href="/pages/jokes.php">Goalie Jokes</a></td> </tr> <tr> <td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Featured Goalies</a></td> </tr> <tr> <td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">NE Leagues and Teams</a></td> </tr> </table> <p> </p> <table align='center' width="200" border="1"> <tr> <td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Goalie Game Charts</a></td> </tr> <tr> <td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">Resume Builder</a></td> </tr> <tr> <td bgcolor="#FFFFFF"><a href="/pages/coming_soon.php">View Goaltender Profiles</a></td> </tr> </table> <p> </p></td> ...too long to put entire source (see webpage for entire source) </html> hello. i've been working on a website and everything works/looks fine except when viewing the site with firefox on a mac... one of the pages has two frames that should work at the same time when a link is clicked on the page. however neither appear. i have another page which has only one frame and it is working fine. so i'm thinking there must be something in my code which is making it impossible for the two frames to work smoothly in firefox. i hope this makes sense... here is the problem page (with two frames, one to the left of the links and one above the links): and this page works fine (with one frame to the left of the links): if anyone can shed some light i'd really appreciate it, thankyou. Hello, Still looking for someone to help us solve the problem we are having with our website. www.random-rocks.com the buttons, etc... only work in Internet Explorer and NOT in Firefox ? Need someone to see source code and let us know WHAT AND WHY ? this is happening? We did get a response, but tried it and doesn't seem to be the answer, unless we are not doing something right. PLEASE, PLEASE HELP US. a.s.a.p. THANK YOU I am a graphic designer which is almost a complete idiot about web design, i have some problem making a web site. While i try to open my web site in FIREFOX and IE it does not work. (while safari works well) the existing link is www.sindysindy.com when i click the targeted link on the top buttons (about&contact) it open up a new pop up page. I names the top frame as TOP, the bottom two named "menu" on the left and "mainframe" on the right. While clicking buttons on the "TOP" frame would show other buttons in menu targeting things to show up in "mainframe" i have already done a web site days ago and i am trying to redo it now : ( would be really really grateful if you can help Thank you very much indeed! The following are the codes: ****ALL FRAMES**** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>www.sindysindy.com</title> </head> <frameset rows="75,551" cols="*" framespacing="10" border="10" bordercolor="#FFFFFF"> <frame src="TOP.html" frameborder="no" scrolling="no" id="TOP" /> <frameset rows="*" cols="176,1003" framespacing="0" frameborder="yes" border="0" bordercolor="#FFFFFF"> <frame src="Menu.html" id="Menu" /> <frame src="Maincontent.html" id="Mainframe" /> </frameset> </frameset> <noframes><body> </body></noframes> </html> ****TOP**** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>www.sindysindy.com</title> </head> <frameset rows="75,551" cols="*" framespacing="10" border="10" bordercolor="#FFFFFF"> <frame src="TOP.html" frameborder="no" scrolling="no" id="TOP" /> <frameset rows="*" cols="176,1003" framespacing="0" frameborder="yes" border="0" bordercolor="#FFFFFF"> <frame src="Menu.html" id="Menu" /> <frame src="Maincontent.html" id="Mainframe" /> </frameset> </frameset> <noframes><body> </body></noframes> </html> ****mainframe**** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>www.sindysindy.com</title> </head> <frameset rows="75,551" cols="*" framespacing="10" border="10" bordercolor="#FFFFFF"> <frame src="TOP.html" frameborder="no" scrolling="no" id="TOP" /> <frameset rows="*" cols="176,1003" framespacing="0" frameborder="yes" border="0" bordercolor="#FFFFFF"> <frame src="Menu.html" id="Menu" /> <frame src="Maincontent.html" id="Mainframe" /> </frameset> </frameset> <noframes><body> </body></noframes> </html> ****menu**** <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>www.sindysindy.com</title> </head> <frameset rows="75,551" cols="*" framespacing="10" border="10" bordercolor="#FFFFFF"> <frame src="TOP.html" frameborder="no" scrolling="no" id="TOP" /> <frameset rows="*" cols="176,1003" framespacing="0" frameborder="yes" border="0" bordercolor="#FFFFFF"> <frame src="Menu.html" id="Menu" /> <frame src="Maincontent.html" id="Mainframe" /> </frameset> </frameset> <noframes><body> </body></noframes> </html> Well, this is my page. Next time I will use div, but for now this is what I'v got. http://grimstad.uia.no/nokomdet/bile...ikk/index.html For some reason, when using firefox, all the hyperlinks that is not text (menu, and other parts of the site) will not be made as buttons, only the smapp space is linkable. If you understand. In IE and Opera however, it works smooth. Any idea why? Or how to fix this? deadline was 2 hours ago, but I might have the time to fix it, if I can have your help.. If you open this txt file in IE, you should see a nicely formatted page. When you open it up in Firefox, the horizontal rule is hanging out in no man's land. I've tried moving some div's around and creating a div just for the <hr> but nothing seems to work. Anyone have any suggestions? ps. sorry for having to attach the html as a txt file. i do not have access to host a site. http://matc.studentsites.net/restorf...nal/index.html I can't get my bgcolor to display in the main content table. I tried adding it to the tr, td, and the style sheet. Nothing seemed to work. Works fine in IE and Opera. Any ideas? Edit: Also my text in the footer isn't formating. 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 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 am testing a clients site, and have it on a local server, and bringing it up in Firefox and Internet Explorer 7 to try and work out the bugs, and for some reason, there are images that are not coming up in Explorer, but coming up just fine in Firefox. Any ideas why? Hi Guys, Newbie on the forum - so cheers in advance www.cheesenugget.com/lifecoaching/index1.html i have tried everything and it does not display on IE 6,7 or 8 It shows fine on Firefox. Can anyone please shed some light on the issue - i have not added any strange script on it I just edited my links and they are working in IE but not Mozilla. I'm using CSS script to change the link's text color on mouseover. Might that be the problem? Please check the source IN MOZILLA: http://americanchic.net/BlankGrid3 Hi, I ran a code validation on my site (www.improvizations.com), it came back with 11 errors. Many of them look like this: Line 9, Column 31: there is no attribute "leftmargin". <body topmargin="0" leftmargin="0" marginwidth="0" rightmargin ="0" marginheight and this: Line 15, Column 43: required attribute "alt" not specified. <div id="logo"><img src="images\logo.gif" /></div> How do I fix this? Also, my site looks fine in IE but awful in Firefox. What's going on? Any help would be greatly appriciated. I'm a newbie with all of this. Thanks!! You may have seen this question before, but I cannot for the life of me find an answer that works. I embedded a .swf flash file on a page on my website. This flash plays perfectly on IE and Chrome, but nothing shows up on Safari or Firefox. I, at first, wrote the code by hand. Then I instead used swfobject to properly write the code (this still hasn't fixed the problem) I used the w3 markup validation site to check the code, and it comes back with 0 errors. Any Ideas? The code is below: <!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" lang="en" xml:lang="en"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="posthink.swf"></script> <script type="text/javascript"> swfobject.registerObject("myFlashContent", "9.0.0"); </script> </head> <body> <div style="text-align: center;"> <object classid="clsid: D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400" id="myFlashContent"> <param name="movie" value="posthink.swf" /> </object> </div> </body> </html> (I inserted a space in the classid= tag to do away with the : D turning into a smiley) Thanks for your help. |