HTML - Page Doesnt Appear Properly In Firefox...
I created a template with photoshop and saved into 1024 x 768 and worked it with front page. when i opened it in firefox the site is apearing at the left side of the window even if i edited in front page to be shown in the middle.In explorer it works just fine. ANy ideas please?
Similar TutorialsHi the page in question is this one Removed, as I dont think advertising is allowed?, so i removed the link For me it renders perfectly in Firefox 3 However i noticed that in IE7, dont know about IE6 it sticks the whole page on the left, as if there were no formatting or .css file, this cant be true because Firefox renders it fine and the text is all in relation ot the .css file So please can someone help me with this, it is in PHP, but only a line really Chris I've been trying to get a design to work properly under Firefox for several days. Unfortunately because of ip issues I can't post any code. The basic problem is that I tell a table that I it to have height: 100% and it won't do it. Sometimes (not always) the table renders in such a way such that it is less than 100%. <table><tr><td><table class="gimme_some_height_already">...blah blah</table> Here's the annoying part. The problem is intermittent and goes away every time when I hit refresh under Firefox. Why should the page render differently just because I hit refresh? Also, when the table doesn't render properly, the links don't work. I have standard, nothing special <a> links inside the table. When the table is misrendered and I click on a link, instead of transferring to that page, the table just gets bigger! It's as if the table were in a very delicate state, and if someone touched or sneezed on it the whole page would move and rerender. Very strange. None of this happens under IE. I know that many people think that when IE and Firefox disagree that I ought to go with what Firefox says, but really hitting the refresh buttons shouldn't make the page look different. Does anyone know what is going on, and perhaps how I could go about fixing it? I've tried many variations, trial and error combinations and dirty tricks. My site works in Firefox and Safari just like I want it to, but when IE tries to read it, the divs and images get spaced out and wrapped around AND it is not centered on the page like it should be... what is my coding flaw? www.nativboardriding.com check it out in firefox or safari to see how it SHOULD be displayed, then open it with IE. Thanks, Levs Hi all Firstly I’m a repeat newbie... I had a brief spell with a mate doing web things in 2000, playing comand and conquer most of the time over a network, we were poor but we had fun...blimey things have changed, in many ways!! I've put together a web site using a trial version of dreamweaver but the problem is that although it displays fine on all my machines at work and at home, the client (friend really) gets a muddled view on her laptop... Like the screen shot. !! I’ve run the compatibility and validator on dreamweaver and it seems ok. I’ve also run the address through w3.org validator and it seems ok. The adress is www.julietbidwell.co.uk Any help will be much appreciated. Thanks Phil PS – note to self I must stop saying I’ll have a go at stuff for people!! 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 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. I've got three drop-down lists in a navbar that displays properly in IE but not in Firefox or Sea Monkey. I can't figure out what I'm doing wrong. The lists under "Historic District" and "Take Action" are fine, but the two items under "Blog" don't show up in FF or SM. The "Blog" links are external. Would that matter to FF and SM? The WC3 turned up the likely error, but when I added and/or removed a ul and/or li tag, I got strange results and was unable to fix the problem. If someone can explain what I should do and why I'd appreciate it. WC3 flagged the <ul> tag after <li><a href="http://west80s.blogspot.com/">Blog</a></li> because: "document type does not allow element "UL" here; assuming missing "LI" start-tag" Here's the site: http://west80s.org/ Here's the code: Code: <ul class="NavHoriz-menu"> <li class="first"><a href="index.htm">Home</a></li> <li> <a href="http://">Historic District</a> <ul> <li class="first"><a href="Historic-District.htm">Proposed District</a></li> <li><a href="letters-index.htm">Support the Historic District</a></li> <li><a href="GB-pix.htm">Gilbert Brownstones</a></li> <li><a href="WestPark.htm">West Park Church</a></li> <li><a href="330-W-86-St.htm">330 W 86th St</a></li> </ul> </li> <li><a href="http://west80s.blogspot.com/">Breaking News</a></li> <li><a href="http://">Take Action</a> <ul> <li class="first"><a href="hydrofracking.htm">Hydrofracking</a></li> <li><a href="letters-index.htm">Support the Historic District</a></li> </ul> <li><a href="MembershipForm.htm">Join</a></li> <li><a href="mailto:info@west80s.org">Contact Us</a></li> <li><a href="http://west80s.blogspot.com/">Blog</a></li> <ul> <li class="first"> <a href="http://west80s.blogspot.com/2011/07/please-help-us-wipe-out-graffiti-this.html">Graffitti Removal</a></li> <li><a href="http://west80s.blogspot.com/2011/07/weve-adopted-tree.html">Beautificaiton</a></li> </ul> </li> </ul> Thanks for any help. Ellen Hi there, I am currently designing a website for an art gallery. I thought I had finished it today while viewing it in firefox on my mac, but when I went to view it on internet explorer on a PC the page is not rendered properly! i don't know what to do! I have 2 divs - centercol & rightcol - centercol displays the main content, and rightcol displays an image specific to the content on the page. on my mac it shows like this: on a PC in internet explorer it shows like this: website is at http://pennystewartdesigns.com/merrepen/html/main.html NB: Main page functions fine, but when you click on any other tabs the rightcol displays below the main content in IE. My code is he 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> <title>Merrepen Arts | About Us</title> <link rel="stylesheet" href="http://pennystewartdesigns.com/merrepen/html/style.css" type="text/css" media="screen" /> <link rel="stylesheet" type="text/css" href="http://pennystewartdesigns.com/merrepen/html/coin-slider-styles.css" media="screen" /> <link rel="stylesheet" type="text/css" href="http://pennystewartdesigns.com/merrepen/html/menusm.css" media="screen" /> <link rel="stylesheet" type="text/css" href="http://pennystewartdesigns.com/merrepen/html/pagenavi-css.css" media="screen" /> <script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/cufon-yui.js"></script> <script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/cufon-yankaff.js"></script> <script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/jquery-1.4.2.min.js"></script> <!-- menu --> <script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/menusm.js"></script> <!-- scripts for use --> <script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/script.js"></script> <!-- slider --> <script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/coin-slider.min.js"></script> <!-- tabs-categories --> <script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/tabs-hoverintent.js"></script> <script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/tabs-superfish.js"></script> <script type="text/javascript" src="http://pennystewartdesigns.com/merrepen/html/js/tabs.js"></script> <link rel="stylesheet" href="http://pennystewartdesigns.com/merrepen/html/tabs.css" type="text/css" media="screen" /> </head> <body> <div id="page"> <div id="header"> <div class="logo"> <p align="center"><img src="http://pennystewartdesigns.com/merrepen/html/images/logo1.png" align="middle" alt="Merrepen Arts"/> </p></div> <div class="topnav"> <ul class="menusm"> <li><a href="http://pennystewartdesigns.com/merrepen/html/main.html">Home</a></li> <li><a href="http://pennystewartdesigns.com/merrepen/gallery">Gallery</a></li> <li class="current_page_item"><a href="http://pennystewartdesigns.com/merrepen/html/about.html">About Us</a></li> <li><a href="http://pennystewartdesigns.com/merrepen/html/dalyriver.html">Daly River</a></li> <li><a href="www.merrepenfestival.com.au" target="_blank">Festival</a></li> <li><a href="http://pennystewartdesigns.com/merrepen/html/contact.html">Contact</a></li> <li><a href="http://pennystewartdesigns.com/merrepen/html/visit.html">Visit Us</a></li> </ul> <div class="clr"></div> </div> <!--/topnav --> <div class="clr"></div> </div> <!--/header --> <div class="clr"></div> </div> <div id="centercol" style="background-image: url('http://pennystewartdesigns.com/merrepen/html/images/bg/bgabout.gif'); background-repeat:no-repeat; background-position:top right"> <div class="box post"> <div class="content"> <div class="post-title"> </div> <!--/post-title --> <div class="blog-content"> <div class="post-excerpt"> <p align="center"> <h3>About Merrepen Arts</h3><br /><br /> </p> content.<br /><br /> </div> </div> <!--/post-excerpt --> <div class="clr"></div> <!--/content --> </div> <!--/box --> </div> </div> <!--/centercol --> <div id="rightcol"> <div class="wtitle"> <h3></h3><br /> </div> <div class="content"> <div id="credit"> <img src="images/about.jpg" alt="Merrepen Arts" /> <!--/content --> </div> <!--/box --> </div> <!--/content --> <!--/box --> </div> <!--/rightcol --> <div class="clr"></div> <!--/columns --> <div class="clr"></div> <!--/page --> <div class="clr"></div> <div id="page_bottom"> <div id="footer"> <div class="textf"> <div class="text1">© Copyright <a href="http://www.pennystewartdesigns.com">Merrepen Arts</a>. All Rights Reserved. </div> <div class="text2"><a href="http://www.pennystewartdesigns.com">Design</a></div> </div> </div> <div class="clr"></div> <!--/footer --> </div> </body> </html> my CSS for these divs are he Code: /*=== Layout ===*/ #page { margin:0 auto; padding:0; width:1200px;} /*=== Center Column ===*/ #centercol { margin-left:20px; padding:0 0 38px; float:left; width:800px;} /*=== Right Column ===*/ #rightcol { margin:0; padding:0 0 0 40px; float:right; width:400px; border-left:1px solid #dfdfdf; } .box { margin:0; padding:20px 0;} .box .content { } .box_r { margin:0 0 24px; padding:0; background:none; border:none;} .box_r .content { margin:0; padding:0;} .small_link { padding:10px 0; margin:0 auto; text-align:center;} .small_link a { color:#939393; text-decoration:none;} .small_link small { font-size:11px;} can anyone help? this is the first time i've had this problem & ive been looking at this code for far too long now. it all looks like gobbledy gook to me now!! arrggghhhhhh. so frustrating! penny Hello all. I am creating my page from home on my personal desktop computer. It has a 17 inch, HP v72 crt monitor. The problem that I am having is getting my page to look right on other computers. eg.,image/text/link placement. Example: My page looks fine when I view it from home on my own pc. But when I view it on my pc at work, everything is out of place. How can I create a website that will look good on all the various monitor sizes, and screen resolutions? Thanks! Hello Gurus, I have a HTML webpage index.html and the expecation is that when user selects from drop drown opton it needs to display a webpage in the iframe underneath the option list. Below is the code snippet. From the code, you will see that it displays all www sites such as google.com, yahoo.com just fine without issues, however the local opel.html is not coming up at all. I am pasting the code of index.html as well as the page that i want to call i.e. opel.html. Pleaes help <!----------------------INDEX.HTML CODE STARTS HERE------------------> <!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"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Your Murrieta</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="default.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="header"> <div> <table> <h1><a href="#" Style="font-family:Edwardian Script ITC" color="White">Your Murrieta</a></h1> </table></div> <p>Showcase of Your World</p> </div> <!-- start page --> <div id="page"> <div id="pagebg"> <div id="content"> <div class="post"> <form action="" method="post"> <SELECT ONCHANGE="if (window.frames && window.frames.iframes) { window.frames.iframes.location.href = this.options[this.selectedIndex].value; }"> <OPTION VALUE="opel.html">My Home Page <OPTION VALUE="http://www.google.com">My Fmaily <OPTION VALUE="http://www.yahoo.com">My Hobbies <OPTION VALUE="http://www.rediff.com">My Friends </SELECT> <iframe id="theFrame" name="iframes" src="opel.html" align="top" height="1460" width="1760"></iframe> </form> </div> <!-- start content --> <!--aaa--> </div> </div> <!--content--> <!-- end content --> <!-- start sidebar --> <div style="clear: both;"> </div> <!-- end page --> <!-- start footer <!-- end footer --> </body> </html> <!--------------------OPEL.HTML CODE STARTS HERE-------------> <html xmlns="http://www.w3.org/1999/xhtml"> <!-- start page --> <body> <table style="margin-left:0%"> <tr> <td> <!--First Panel --> <div style="font-size:9pt;font-family:Georgia; color:Navy; width:345px; background-image:url(images/gray-gradient.gif); background-repeat:repeat;">ERP</div> <div> <table cellspacing="0" cellpadding="15" width="345px" height="79px" bgcolor="#ffffff" align="left" style="background-image:url(images/cnsl.jpg); background-repeat:repeat;margin-right:1%;"> <tr align ="left" width="400px" > <td align ="left"> <ul class="link" type="none" style="font-size:8pt;font-family:Arial;"> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/erpoffering.html" id="l16">Offerings</a> </li> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/id145.html" id="l18">Request More Information</a> </li> </ul> </ul> </td> <td align ="left"> <ul class="link" type="none" style="font-size:8pt;font-family:Arial;"> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="mailto:sales@coexsys.com" id="l17">Email us</a> </li> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/id144.html" id="l18">Contact us</a> </li> </ul> </td> </tr> </table> </div> </td> </body> </html> Can someone please tell me why this page does NOT print properly? http://www.unreal-deals.com/ebooks11...-printable.php I've tried everything I can possibly think of, removed all word html tags, cleaned up the source formatting, and still it doesn't work. Print preview on IE7 shows only 7 pages, and when I print it only prints 1 page then 60+ blank pages. Whats going on? Thanks I've spent almost a week designing, coding and uploading this site. Only to have it not display properly in firefox or safari. I've included a link to the site and several screenshots as well as the source code. Please help! This image shows it as it is int ie 7 on windows xp http://img.photobucket.com/albums/v6...asintended.jpg this image shows it on safari and fire fox: http://img.photobucket.com/albums/v6...art/safari.jpg website link: www.tavasystems.com Thanks in advance. Help! Some pages of this site are not aligning in Firefox. Please see this link http://www.ntcmc.com/news.html . If you view in FF and in IE you will see the difference. The white space below the navigation and above the text in lower left of page should not be there. Any idea why it is displaying incorrectly? THANKS! I have been working on a site, and I have recently changed over the menus from JavaScript to CSS, the problem is, the site looks completely different when I view it in Firefox as oppose to IE, the menus hide under pictures, extra white space and the bullets are visible. I have attached 2 images of how the site looks in IE as oppose to Firefox Thanks 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 Hello. =) On one of my webpages, I want to link to a specific page in a PDF file. I can't get it to work in Firefox for some reason, and I haven't found the answer online. I used this in Internet Explorer, and it worked just fine: http://www.mysite.com/doc2.pdf#page=6 Is there a way to do the same thing in Firefox? I hope someone can help; thanks in advance! Hi all, I'm tearing my hair out trying to correct the following error. I have one page on my site (the only long page) that has a 1px white line at the bottom in Firefox. It doesn't appear in IE and doesn't appear in my other pages (they all run off the same header and footer files). I was wondering if you could help. Page in question is http://free-uk-bets.co.uk/bet365.php. I've run the page through the W3C validator for HTML and CSS and it passes. I'm using HTML 4.01 Transitional encoding. I think it may have something to do with the height of the divs. Please could someone help? Hi guys, So, the problem is: I just made this webpage, which really should be a simple page where the point is to use html/xhtml and css. I also added some javaScript, but thats just to make the gallery look better, or something. Anyways, the page loads good under IE, but when I load it in Firefox the menu is f***** up. I use a table, and it kinda looks like the table height is doubled in firefox, leaving the preLoaded hover-image top-aligned, and the non-hover-image center-aligned, in this doublesized tabel cells. Well, just take a look for yourself. Try loading it in both IE and Firefox. Thanks for any help =) Site: http://stian.portfolio.moo.no as the title suggests my web page just comes out blank when previewed in I.E but works perfectly for firefox. I have run validation tests with no error results so i have no idea what could be causing this. |