Return to iWEBTOOL

Go Back   iWEBTOOL Talk > Talk Lounge > General Talk
Reload this Page Won't display in FireFox
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read
 
Welcome to iWEBTOOL Talk, where you talk about webmaster-related stuff.
 
 Discuss topics which interest you.
With over thousands of threads (topics), we're sure you'll find something that'll interest you.
Ask for help whenever you need it.
We have thousands of members who are available to help you if you need it.
It's absolutely FREE!

 1  Register           2  Browse the board           3  Discuss whatever may interest you!
 

Closed Thread
 
Thread Tools Search this Thread Display Modes
Old 03-18-2007, 04:57 PM   #1
Katey
Senior Member
 
Katey's Avatar
 
Join Date: Apr 2006
Location: Hull, United Kingdom.
Posts: 317
Katey has much to be proud ofKatey has much to be proud ofKatey has much to be proud ofKatey has much to be proud ofKatey has much to be proud ofKatey has much to be proud ofKatey has much to be proud ofKatey has much to be proud of
Default Won't display in FireFox
Hi there,

I have started on a new initial design for one of my side-projects, and it doesn't load properly in FireFox, in IE it displays fine. I will upload the code so you can see it and tell me where I am going wrong.

Thanks in advance;

HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Webmasters Resources &amp; Tutorials - NaxBase</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="author" content="Kieran Taylor" /> <meta name="copyright" content="NaxBase" /> <meta name="company" content="" /> <meta name="revisit-after" content="3 days" /> <link rel="stylesheet" type="text/css" href="stylesheet.css" /> </head> <body> <div id="container"> <div id="header"></div> <div id="menu_1"> <div id="menu_2"><b><a href="http://www.naxbase.com/">Home</a> | <a href="http://www.naxbase.com/about/">About</a> | <a href="http://www.naxbase.com/forum/">Community</a> | <a href="http://www.naxbase.com/services/">Services</a> | <a href="http://www.naxbase.com/contact/">Contact</a></b></div></div> <div id="content"><img src="images/welcome.bmp" alt="Welcome" /></div> <div id="menu_3"></div> <div id="links"></div> <div id="footer">- <a href="http://www.naxbase.com/terms/">Terms &amp; Conditions</a> - <a href="http://www.naxbase.com/privacy/">Privacy Policy</a> - <b>Copyright &copy; 2006 NaxBase - All Rights Reserved.</b></div></div> </body> </html>

HTML Code:
/* CSS Document */

a:link { 
  color : #ffffff;
  text-decoration : underline;
}

a:active { 
  color : #ffffff;
  text-decoration : underline;
}

a:hover { 
  color : #ffffff;
  text-decoration : none;
}

a:visited { 
  color : #ffffff;
  text-decoration : none;
}

body {
  background-image : url('images/background.bmp');
  background-color : #eaebe8;
  background-repeat : repeat-x;
  font-size : 12px;
  font-family : Arial, Helvetica, sans-serif;
  color : #ffffff;
}

#container { 
  width : 740px;
    min-width : 740px;
    max-width : 740px;
  height : auto;
   min-height : 600px;
   margin-left : auto;
   margin-right : auto;
  border : 1px solid #ffffff;
  background-color : #63aad6;
  font-size : 12px;
  font-family : Arial, Helvetica, sans-serif;
  text-align : left;
  color : #ffffff;
}

#header { 
  width : 740px;
    min-width : 740px;
    max-width : 740px;
  height : 108px;
    min-height : 108px;
    max-height : 108px;
  margin-left : auto;
  margin-right : auto;
  background-image : url('images/header.bmp');
  background-repeat : no-repeat;
  font-size : 12px;
  font-family : Arial, Helvetica, sans-serif;
  text-align : left;
  color : #ffffff;
}

#menu_1 { 
  width : 740px;
    min-width : 740px;
    max-width : 740px;
  height : 22px;
    min-height : 22px;
    max-height : 22px;
  margin-left : auto;
  margin-right : auto;
  background-image : url('images/menu_1.bmp');
  background-repeat : no-repeat;
  font-size : 14px;
  font-family : Arial, Helvetica, sans-serif;
  text-align : right;
  color : #ffffff;
}

#menu_2 { 
  width : 700px;
    min-width : 700px;
    max-width : 700px;
  height : 22px;
    min-height : 22px;
    max-height : 22px;
  margin-left : auto;
  margin-right : auto;
  padding-right : 10px;
  float : right;
  font-size : 14px;
  font-family : Arial, Helvetica, sans-serif;
  text-align : right;
  color : #ffffff;
}

#menu_3 { 
  width : 140px;
    min-width : 140px;
    max-width : 140px;
  height : 250px;
    min-height : 250px;
    max-height : 250px;
  background-image : url('images/menu_3.bmp');
  background-repeat : no-repeat;
  background-color : #63aad6;
  float : right;
  margin-top : 10px;
  margin-right : 10px;
  font-size : 12px;
  font-family : Arial, Helvetica, sans-serif;
  text-align : right;
  color : #000000;
}

#links { 
  width : 140px;
    min-width : 140px;
    max-width : 140px;
  height : 250px;
    min-height : 250px;
    max-height : 250px;
  background-image : url('images/links.bmp');
  background-repeat : no-repeat;
  background-color : #63aad6;
  float : right;
  margin-top : 10px;
  margin-right : 10px;
  font-size : 12px;
  font-family : Arial, Helvetica, sans-serif;
  text-align : right;
  color : #000000;
}

#content { 
  width : 540px;
    min-width : 540px;
    max-width : 540px;
  height : 500px;
    min-height : 500px;
    max-height : 500px;
  margin-top : 10px;
  margin-left : 10px;
  background-color : #63aad6;
  float : left;
  font-size : 12px;
  font-family : Arial, Helvetica, sans-serif;
  text-align : left;
  color : #000000;
}

#footer { 
  width : 740px;
    min-width : 740px;
    max-width : 740px;
  height : 22px;
    min-height : 22px;
    max-height : 22px;
  margin-left : auto;
  margin-right : auto;
  margin-top : 15px;
  background-image : url('images/footer.bmp');
  background-repeat : no-repeat;
  font-size : 12px;
  font-family : Arial, Helvetica, sans-serif;
  text-align : right;
  color : #ffffff;
}


Regards,
Kieran Taylor.
Katey is offline  
 
This is an Ad Revenue Sharing forum Place your advert here
SEO Checklist
Get yourself better ranking with
our "Do-it-Yourself" SEO Checklist.		 Click Here
Old 03-18-2007, 05:24 PM   #2
davidcheong
Member
 
davidcheong's Avatar
 
Join Date: Mar 2007
Location: www.topbidspot.com
Posts: 114
davidcheong will become famous soon enoughdavidcheong will become famous soon enough
Send a message via MSN to davidcheong Send a message via Yahoo to davidcheong Send a message via Skype™ to davidcheong
Default Re: Won't display in FireFox
Kieran, i am testing it out on my pc now. I have to press alot of enter key just to make it readable. the HTML code that u gave. Here's to let other to have a easier way to solve your problems. While i am doing the checking now.


Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>Webmasters Resources &amp; Tutorials - NaxBase</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="author" content="Kieran Taylor" />
    <meta name="copyright" content="NaxBase" />

    <meta name="company" content="" />
    <meta name="revisit-after" content="3 days" />
    <link rel="stylesheet" type="text/css" href="stylesheet.css" />
  </head>
  <body>
    <div id="container">
    <div id="header"></div>
    <div id="menu_1">
    <div id="menu_2"><b><a href="http://www.naxbase.com/">Home</a> | <a href="http://www.naxbase.com/about/">About</a> | <a href="http://www.naxbase.com/forum/">Community</a> | <a href="http://www.naxbase.com/services/">Services</a> | <a href="http://www.naxbase.com/contact/">Contact</a></b></div></div>

    <div id="content"><img src="images/welcome.bmp" alt="Welcome" /></div>
    <div id="menu_3"></div>
    <div id="links"></div>
    <div id="footer">- <a href="http://www.naxbase.com/terms/">Terms &amp; Conditions</a> - <a href="http://www.naxbase.com/privacy/">Privacy Policy</a> - <b>Copyright &copy; 2006 NaxBase - All Rights Reserved.</b></div></div>

  </body>
</html>



Regards,
David Cheong.
__________________
Please apply the signature policy http://talk.iwebtool.com/faq.php?faq=rules#faq_siglinks
Last edited 03-18-2007 at 05:37 PM.
davidcheong is offline  
Old 03-18-2007, 05:51 PM   #3
davidcheong
Member
 
davidcheong's Avatar
 
Join Date: Mar 2007
Location: www.topbidspot.com
Posts: 114
davidcheong will become famous soon enoughdavidcheong will become famous soon enough
Send a message via MSN to davidcheong Send a message via Yahoo to davidcheong Send a message via Skype™ to davidcheong
Default Re: Won't display in FireFox
Kieran, dunno whether this will work out for you. But i think should have solve your problem. Try it out.

Code:
/* CSS Document */

a:link { 
  color : #ffffff;
  text-decoration : underline;
}

a:active { 
  color : #ffffff;
  text-decoration : underline;
}

a:hover { 
  color : #ffffff;
  text-decoration : none;
}

a:visited { 
  color : #ffffff;
  text-decoration : none;
}

body {
  background-image : url('images/background.bmp');
  background-color : #eaebe8;
  background-repeat : repeat-x;
  font-size : 12px;
  font-family : Arial, Helvetica, sans-serif;
  color : #ffffff;
}

#container { 
  width : 740px;
    min-width : 740px;
    max-width : 740px;
  height : auto;
   min-height : 600px;
   margin-left : auto;
   margin-right : auto;
  border : 1px solid #ffffff;
  background-color : #63aad6;
  font-size : 12px;
  font-family : Arial, Helvetica, sans-serif;
  text-align : left;
  color : #ffffff;
}

#header { 
  width : 740px;
    min-width : 740px;
    max-width : 740px;
  height : 108px;
    min-height : 108px;
    max-height : 108px;
  margin-left : auto;
  margin-right : auto;
  background-image : url('images/header.bmp');
  background-repeat : no-repeat;
  font-size : 12px;
  font-family : Arial, Helvetica, sans-serif;
  text-align : left;
  color : #ffffff;
}

#menu_1 { 
  width : 740px;
    min-width : 740px;
    max-width : 740px;
  height : 22px;
    min-height : 22px;
    max-height : 22px;
  margin-left : auto;
  margin-right : auto;
  background-image : url('images/menu_1.bmp');
  background-repeat : no-repeat;
  font-size : 14px;
  font-family : Arial, Helvetica, sans-serif;
  text-align : right;
  color : #ffffff;
}

#menu_2 { 
  width : 700px;
    min-width : 700px;
    max-width : 700px;
  height : 22px;
    min-height : 22px;
    max-height : 22px;
  margin-left : auto;
  margin-right : auto;
  padding-right : 10px;
  float : right;
  font-size : 14px;
  font-family : Arial, Helvetica, sans-serif;
  text-align : right;
  color : #ffffff;
}

#menu_3 { 
  width : 140px;
    min-width : 140px;
    max-width : 140px;
  height : 250px;
    min-height : 250px;
    max-height : 250px;
  background-image : url('images/menu_3.bmp');
  background-repeat : no-repeat;
  background-color : #63aad6;
  float : right;
  margin-top : 10px;
  margin-right : 10px;
  font-size : 12px;
  font-family : Arial, Helvetica, sans-serif;
  text-align : right;
  color : #000000;
}

#links { 
  width : 140px;
    min-width : 140px;
    max-width : 140px;
  height : 250px;
    min-height : 250px;
    max-height : 250px;
  background-image : url('images/links.bmp');
  background-repeat : no-repeat;
  background-color : #63aad6;
  float : right;
  margin-top : 10px;
  margin-right : 10px;
  font-size : 12px;
  font-family : Arial, Helvetica, sans-serif;
  text-align : right;
  color : #000000;
}

#content { 
  width : 540px;
    min-width : 540px;
    max-width : 540px;
  height : 500px;
    min-height : 500px;
    max-height : 500px;
  margin-top : 10px;
  margin-left : 10px;
  background-color : #63aad6;
  float : left;
  font-size : 12px;
  font-family : Arial, Helvetica, sans-serif;
  text-align : left;
  color : #000000;
}

#footer { 
  width : 740px;
    min-width : 740px;
    max-width : 740px;
  height : 22px;
    min-height : 22px;
    max-height : 22px;
  margin-left : auto;
  margin-right : auto;
  margin-top : 540px;
  background-image : url('images/footer.bmp');
  background-repeat : no-repeat;
  font-size : 12px;
  font-family : Arial, Helvetica, sans-serif;
  text-align : right;
  color : #ffffff;
}


Notice the only changes is at your stylesheet.css file. At the Footer code. The margin-top have set to 540px instead of 15. It work out fine in firefox and IE. But dunno about others.





Regards,
David Cheong.
__________________
Please apply the signature policy http://talk.iwebtool.com/faq.php?faq=rules#faq_siglinks
davidcheong is offline  
Old 03-19-2007, 12:10 AM   #4
Katey
Senior Member
 
Katey's Avatar
 
Join Date: Apr 2006
Location: Hull, United Kingdom.
Posts: 317
Katey has much to be proud ofKatey has much to be proud ofKatey has much to be proud ofKatey has much to be proud ofKatey has much to be proud ofKatey has much to be proud ofKatey has much to be proud ofKatey has much to be proud of
Default Re: Won't display in FireFox
Hi there,

Thanks for that, I scanned the code but couldn't see that for some reason. I find it better when you code for ages, to take a break before debugging. I spent 2 hours looking for that tiny mistake .


Regards,
Kieran Taylor.
Katey is offline  
 
This is an Ad Revenue Sharing forum Place your advert here
Webmaster Tools Webmaster Tools Click Here
Closed Thread

(Threads which have no activity for more than 30 days are automatically closed.)

« Previous Thread | Next Thread »

Quick Reply
Message:

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
How to display internal links on Google search results? chicchi Google 1 02-20-2007 02:24 AM
IE7 or Firefox temi General Talk 48 02-12-2007 07:59 PM
Free Downloads for your WLM: Winks, Dynamic Display Pictures, Backgrounds, Emoticons. NeutralizeR Advertise your website 4 12-30-2006 05:43 PM
Display area problems spenno Programming 2 12-07-2006 02:40 PM
Get paid $20 for banner display!! Sebastian Links for Sale 4 03-31-2006 10:55 PM


All times are GMT. The time now is 07:37 PM.

Top Posters - Forum Rules - Advertising - Contact Us - iWEBTOOL Home - Top

Powered by vBulletin v3.6.7 © 2008, Jelsoft Enterprises Ltd. SEO by vBSEO © 2006, Crawlability, Inc.