Thread: CSS in firefox

    #1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2013
    Posts
    2
    Rep Power
    0

    CSS in firefox


    Hi,

    This might be an easy question for the right person. My CSS code works in all the browswers EXCEPT Firefox.

    Here is the CSS snippet:
    .search{
    max-width:2px;
    position:relative;
    top:-68px;
    right:350px;
    }

    In FF, the search box goes all the way to the right.

    The URL is: www. aerlawgroup .com

    I want the search box to go in the top right like on the other browsers. Any help would be highly appreciated.
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Dec 2003
    Posts
    695
    Rep Power
    441
    It seems to have to do with you trying to relatively position a table cell outside a table.

    I wouldn't recommend this nested table approach, but your easiest fix would be to take the "search" class off the td, and instead wrap the content of it in a div with a class of search, i.e.

    Code:
    <td><!-- remove class="search" from here -->
       <div class="search"><!-- add it here -->
            <!-- all your search code here -->
       </div>
    </td>

    Comments on this post

    • mrodriguez1440 agrees : He's the best!
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2013
    Posts
    2
    Rep Power
    0
    Originally Posted by rdoyle720
    It seems to have to do with you trying to relatively position a table cell outside a table.

    I wouldn't recommend this nested table approach, but your easiest fix would be to take the "search" class off the td, and instead wrap the content of it in a div with a class of search, i.e.

    Code:
    <td><!-- remove class="search" from here -->
       <div class="search"><!-- add it here -->
            <!-- all your search code here -->
       </div>
    </td>
    Thank you so much!!!!!!! Wow, I cannot tell you how long I spent trying to find an answer. I am very impressed. It worked like a charm!

IMN logo majestic logo threadwatch logo seochat tools logo