www.webdeveloper.com
Results 1 to 7 of 7

Thread: CSS Internet Explorer 6 issue

Hybrid View

  1. #1
    Join Date
    Oct 2009
    Posts
    44

    CSS Internet Explorer 6 issue

    Can anyone tell me how to resolve an IE6 compatibility issue? I'm trying to right justify a "Google search" on the following page:

    http://www.axtell.com/_test_site/ax.html

    But IE6 shrinks the <div id="cse"> that holds the Google search so small, that there's no room for the search field anymore:
    1.jpg

    Here's how it is supposed to look:
    2.jpg

    FYI, here's the style sheet:

    http://www.axtell.com/_test_site/css/axtellstyle.css

  2. #2
    Join Date
    Sep 2009
    Posts
    146
    i looks like your containing <td> is the problem... the width on your input is set to 99&#37;. Set the width on the TD and that should fix your problem.

    -aPeg

  3. #3
    Join Date
    Oct 2009
    Posts
    44

    Can You Help Me Locate the TD

    aPeg,

    Thanks for your quick response. Can you help me locate the "containing" TD that you're referring to? Are you referring to this <div>?

    #cse
    {
    position: relative;
    padding: 0px 0px 0px 600px;
    width:400px;
    }

    Thanks!

  4. #4
    Join Date
    Sep 2009
    Posts
    146
    #cse & #search are your culprits, its a little hard to pinpoint the problem specifically. i noticed that #search has float:inherit... the key to IE6 is keeping your code clean

    add/replace these two lines into your style sheet
    Code:
    #cse { padding:0px; }
    #search { float:none; }
    i cant figure out exactly why the padding causes a problem... but removing it seems to have fixed it.

    -aPeg

  5. #5
    Join Date
    Oct 2009
    Posts
    44

    apeg: right align search bar?

    apeg,

    Again, thanks for the quick reply!

    So I edited the code per your suggestion; however, now it's no longer "right-justified". I need the search to hug the right side of the page... Any suggestions?

    http://www.axtell.com/_test_site/axtest.html

    Thanks!

  6. #6
    Join Date
    Sep 2009
    Posts
    146
    padding:600px should have done the trip but I'm not sure why it was causing the problem?

    Hit it from another angle... .gsc-control-cse give it a set width 400px... not a &#37;, then put a margin-left:500px and see if that does the trick

    good luck,
    -aPeg

  7. #7
    Join Date
    Oct 2009
    Posts
    44

    thanks apeg

    Apeg,

    I finally gave up... (:

    I appreciate the help. My solution: I got some code off of the Yahoo CSS grid builder (familiar?) that can server the purpose I'm looking for. It's not as tight as what the client is looking for, but at least I think it works.

    http://www.axtell.com/_test_site/axsearch8.html

    Have a great rest of the week!

    Justin

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles