some weird bug in html or js

[Eugene]

http://crazy4dollars.com

for some reason, when i view the the file from my hard drive, (no javascript) it looks ok, but when i view it online, i modified it obviously for the webpages purposes, and the input box gets resized from 35px height to 53px and the width goes from 166px to 184px, i dont know what is causing it, but i have a guess that its some javascript code that doesnt work with this input field or something.

 

Reply as soon as ppossible, ANY help will be greatly appreciated.

On a side note, i copied all the html as is, only difference is that there is javascript added to the online webpage. Thanks

[Eugene]

I ruled out the possibility of it being javascript because i disabled js, and nothing changed, its not css because the css is the exact same as the original file, and it cant be html cause thats also the exact same as the original file.

[php_tom]

Are you looking at the page in two different browsers? IE tends to do weird stuff with CSS, so if you're looking at it on your HD with FireFox, and then with IE on the actual website, that might explain your problem.

 

As far as resolving it, write a PHP script to determine the client's browser (like the following):

<?php
if(strstr(strtolower($_SERVER['HTTP_USER_AGENT']),"msie"))
  // Internet Explorer
elseif(strstr(strtolower($_SERVER['HTTP_USER_AGENT']),"firefox"))
  // FireFox
elseif(strstr(strtolower($_SERVER['HTTP_USER_AGENT']),"opera"))
  // Opera
else
  // Some other browser...
?>

 

And use a different CSS file in each case. Manually code each CSS file and test it in the corresponding browser. (Usually you can use the same CSS in FireFox and Opera.)