A little CSS issue with Firefox

by 9 replies
11
Fellow Warriors!

Is here somebody who can help me to solve a little problem. Here is the site Please, look at the search box - the text line in it is about 5px lower in Firefox than in ALL other browsers. I can change a padding-top of this element to make it in the center of the field, but than it is too high in other browsers.

Does anybody know a solution?

Thanks in advance,
Dmitrij
#website design #css #firefox #issue
  • I have fixed this myself )))
  • ok, finally you've done by your self
    • [1] reply
    • Yes, but... yesterday I found out that in IE it was not ok. Trying to fix again - now for IE only...
  • In the future make CSS troubleshooting with FireFox cake by using FireBug (extention). Lets you view and edit CSS live in your browser.
    • [1] reply
    • Of course I always use FireBug )) But this time it doesn′t help for IE.
  • There's actually (albeit janky) a version of Firebug for IE. If you find something better let us know!
    • [ 1 ] Thanks
    • [1] reply
    • Thanks a lot! I didn′t know about the Firebug for IE. I have installed it and... ))) There was a problem - the CSS file for IE was not linked from the <head> of the index.html. Just nothing! I think I have to send a message to the video-script creators in order to fix all these issues that I have found in their template.
  • hello from what i saw, there is a problem with the width of your elements, first of all, in IE6 it looks very bad, however, this is how i found the problem:
    this class: .AutoWrapper div.header is 980px, and inside you have this element .header div.leftHeader which is 500px and this one: .header div.rightHeader which is 376px with a margin of 100px, and in this element you have this one: .rightHeader div.categoryBox which 12 px left padding... this is why it doesn't work. make: .rightHeader div.categoryBox with less margin or less width, and it will work.

    good luck ;-)
  • @ mickael4973. In fact, I don′t care about IE6 )) There are so few who still use it... But anyway thank you for your suggestion. I have changed width of the left part of the header from 500px to 600px and removed margin-left from the right part of the header. That′s all.
Join the discussion

Next Topics on Trending Feed

  • 11

    A little CSS issue with Firefox

    Fellow Warriors! Is here somebody who can help me to solve a little problem. Here is the site Please, look at the search box - the text line in it is about 5px lower in Firefox than in ALL other browsers. I can change a padding-top of this element to make it in the center of the field, but than it is too high in other browsers.