Firefox is been odd! Help!

  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England

Post 3+ Months Ago

Hi I am making a website an im just starting on it but when I test it in google crome and opera it works but in firefox all the text is real far down the page and the search box is just above the log in screen. Can you help here is my html code:
Code: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="description" content="Swap shop is a website where people can put itmes on to the website getting points, they can then buy things with there points. UK only." />
<meta name="keywords" content="swap,shop,trade,free,excange,points,swaps" />
</head>
<body>
<div id="nav"><img src="assets/logo.png" alt="Swap Shop" />
<div id="search_fix">
Swap Shop Search:
<FORM action="" method="post">
<INPUT name="find" value="" size="20">
<INPUT type="button" value="search">
</FORM></div></div>
<div id="wrapper">
    <div id="content">
    <br />Swap shop is a website where people can put itmes on to the website getting points, they can then buy things with there points. UK only.<br /><br />
    Rules:<br />
    <textarea rows=10" cols="50">
If you do not send an item in 14 working days or less you will have a strke put on your name if you get 3 strikes on your name you will be banned from the site for a week if you are banned 3 times then on the 4th time you will be banned from the site forever.
 
If you put an item on the site you do not have you will be banned for a week.
 
If you leave a comment that is not true about someone else your comment will be taken off and you will be required to place a new true comment
 
If you want to swap for money you must have a "money account" to get one click the link in you accounts page. If you try to ask for money and do not have a "money account" you will receive a one week ban.
 
If you put anything on the site that is in the "Do not place" list it will be deleted and you will have a 1 week ban put on you.
 
If you are found to be hacking people’s accounts’ you will be banned from the site forever.
 
NOTE: If you are banned you can not make a new account. If you have a 1 week ban on you and you try to make a new account and we find out you will be banned for 1 more week and so on until you stop doing it.
 
If you have read this you must be very very bored!
</textarea></div>
    <div id="also">More infomation<br /><br />
    Log in<br />
    <FORM action="" method="post">
Username:<input name="user" type="text" value=""><br /><br />
Password:<input name="pass" type="password" value=""><br /><a href="reset_pass.html">I have forgotten my password </a>
<br />
<INPUT type="button" value="Log in">
</FORM>
<hr />
<img src="assets/sign_up.png" alt="Click to sign up" /><br />You will get 3 <img src="assets/swaps.png" alt="swaps" /> when you do!
</div>
</div>
</body>
 
</html>
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3. <head>
  4. <title></title>
  5. <link rel="stylesheet" type="text/css" href="css/styles.css" />
  6. <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
  7. <meta name="description" content="Swap shop is a website where people can put itmes on to the website getting points, they can then buy things with there points. UK only." />
  8. <meta name="keywords" content="swap,shop,trade,free,excange,points,swaps" />
  9. </head>
  10. <body>
  11. <div id="nav"><img src="assets/logo.png" alt="Swap Shop" />
  12. <div id="search_fix">
  13. Swap Shop Search:
  14. <FORM action="" method="post">
  15. <INPUT name="find" value="" size="20">
  16. <INPUT type="button" value="search">
  17. </FORM></div></div>
  18. <div id="wrapper">
  19.     <div id="content">
  20.     <br />Swap shop is a website where people can put itmes on to the website getting points, they can then buy things with there points. UK only.<br /><br />
  21.     Rules:<br />
  22.     <textarea rows=10" cols="50">
  23. If you do not send an item in 14 working days or less you will have a strke put on your name if you get 3 strikes on your name you will be banned from the site for a week if you are banned 3 times then on the 4th time you will be banned from the site forever.
  24.  
  25. If you put an item on the site you do not have you will be banned for a week.
  26.  
  27. If you leave a comment that is not true about someone else your comment will be taken off and you will be required to place a new true comment
  28.  
  29. If you want to swap for money you must have a "money account" to get one click the link in you accounts page. If you try to ask for money and do not have a "money account" you will receive a one week ban.
  30.  
  31. If you put anything on the site that is in the "Do not place" list it will be deleted and you will have a 1 week ban put on you.
  32.  
  33. If you are found to be hacking people’s accounts’ you will be banned from the site forever.
  34.  
  35. NOTE: If you are banned you can not make a new account. If you have a 1 week ban on you and you try to make a new account and we find out you will be banned for 1 more week and so on until you stop doing it.
  36.  
  37. If you have read this you must be very very bored!
  38. </textarea></div>
  39.     <div id="also">More infomation<br /><br />
  40.     Log in<br />
  41.     <FORM action="" method="post">
  42. Username:<input name="user" type="text" value=""><br /><br />
  43. Password:<input name="pass" type="password" value=""><br /><a href="reset_pass.html">I have forgotten my password </a>
  44. <br />
  45. <INPUT type="button" value="Log in">
  46. </FORM>
  47. <hr />
  48. <img src="assets/sign_up.png" alt="Click to sign up" /><br />You will get 3 <img src="assets/swaps.png" alt="swaps" /> when you do!
  49. </div>
  50. </div>
  51. </body>
  52.  
  53. </html>


and here is my CSS (note the "search_fix")
Code: [ Select ]
#nav {
    display:block;
    position:relative;
    width:900px;
    height:100px;
    margin:0px auto;
    }
 
#wrapper {
    display:block;
    position:relative;
    width:900px;
    height:800px;
    margin:0px auto;
    }
   
#content {
    display:block;
    position:relative;
    width:700px;
    height:800px;
    float:left;
    }
   
#also {
    display:block;
    position:relative;
    width:200px;
    height:800px;
    float:left;
    }
   
#search_fix {
    display:block;
    position:relative;
    float:right;
    }
   
/* All under are styles */
  1. #nav {
  2.     display:block;
  3.     position:relative;
  4.     width:900px;
  5.     height:100px;
  6.     margin:0px auto;
  7.     }
  8.  
  9. #wrapper {
  10.     display:block;
  11.     position:relative;
  12.     width:900px;
  13.     height:800px;
  14.     margin:0px auto;
  15.     }
  16.    
  17. #content {
  18.     display:block;
  19.     position:relative;
  20.     width:700px;
  21.     height:800px;
  22.     float:left;
  23.     }
  24.    
  25. #also {
  26.     display:block;
  27.     position:relative;
  28.     width:200px;
  29.     height:800px;
  30.     float:left;
  31.     }
  32.    
  33. #search_fix {
  34.     display:block;
  35.     position:relative;
  36.     float:right;
  37.     }
  38.    
  39. /* All under are styles */

I know its a lot to go through so tar :!:
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • gonzoka
  • Student
  • Student
  • gonzoka
  • Posts: 75
  • Loc: Bristol, UK

Post 3+ Months Ago

I'm going to reply with one of the most irritating responses:

Get your code to validate! (http://validator.w3.org/)

I copied the code very quickly, couldn't actually see any difference between opera and firefox 2, but I did notice you have a bunch of errors in there - e.g. your rows attribute on textarea doesn't have an opening ", some of your tags are in upper case, and some tags aren't closed. Its not far off, but you may find that the small tweaks you need to make correct the issues you have.
  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England

Post 3+ Months Ago

Well some of the code in upper case was given to me my people I was not sure if the case was important to make the code work or not but tar I would get it validated!

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 72 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.