11 {{ upvoteCount | shortNum }}
11 {{ upvoteCount | shortNum }}

A little CSS issue with Firefox

by motley
9 replies
  • WEB DESIGN
    • |
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
#css #firefox #issue
  • Profile picture of the author motley
    I have fixed this myself )))
    {{ DiscussionBoard.errors[3020731].message }}
  • Profile picture of the author rain21
    ok, finally you've done by your self
    Signature
    Dried Fruits & Condiments
    {{ DiscussionBoard.errors[3021905].message }}
    • Profile picture of the author motley
      Originally Posted by rain21 View Post

      ok, finally you've done by your self
      Yes, but... yesterday I found out that in IE it was not ok. Trying to fix again - now for IE only...
      {{ DiscussionBoard.errors[3033204].message }}
  • Profile picture of the author dialseo
    In the future make CSS troubleshooting with FireFox cake by using FireBug (extention). Lets you view and edit CSS live in your browser.
    Signature
    A ton of domains for sale!
    {{ DiscussionBoard.errors[3034622].message }}
    • Profile picture of the author motley
      Originally Posted by dialseo View Post

      In the future make CSS troubleshooting with FireFox cake by using FireBug (extention). Lets you view and edit CSS live in your browser.
      Of course I always use FireBug )) But this time it doesn′t help for IE.
      {{ DiscussionBoard.errors[3039890].message }}
  • Profile picture of the author dialseo
    There's actually (albeit janky) a version of Firebug for IE. If you find something better let us know!
    Signature
    A ton of domains for sale!
    {{ DiscussionBoard.errors[3041620].message }}
    • Profile picture of the author motley
      Originally Posted by dialseo View Post

      There's actually (albeit janky) a version of Firebug for IE. If you find something better let us know!
      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.
      {{ DiscussionBoard.errors[3052850].message }}
  • Profile picture of the author mickael4973
    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 ;-)
    {{ DiscussionBoard.errors[3043821].message }}
  • Profile picture of the author motley
    @ 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.
    {{ DiscussionBoard.errors[3052894].message }}

Trending Topics