View Full Version : IE 6 Messing up my Search Bar!

11-25-2008, 01:31 AM
My search bar works perfectly in every browser except IE 6!

Broken in IE 6:

The code relating to this problem:

<style type="text/css">
.searchbox {
height: 12px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #3D1B00;
border: 1px solid #FFFFFF;
width: 90px;
position: relative;
top: 0px;
_top: 1px;
<!--begin search bar-->
<img src="images/searchbarleft.gif" width="5" height="16" align="absbottom" style="float:left;"><input style="float:left;" name="full" type="text" class="searchbox" onFocus="this.value=''" value="search..." size="9"><input style="float:left;" name="image" type="image" onMouseOver="javascript:this.src='images/searchbarright_o.gif';" onMouseOut="javascript:this.src='images/searchbarright.gif';" value="Search" src="images/searchbarright.gif" alt="Search" align="absbottom" style="margin-right:1px;">

11-25-2008, 02:03 AM
Your height coinsides with the font-size.

Delete the height.

Does that help? I'm not exactly sure what you want. You may need to change other things around the search bar.

11-25-2008, 02:19 AM
Well i deleted that line and it still works great in all of the other browsers besides IE 6 but it still looks terrible in IE 6. same problem.

11-25-2008, 02:25 AM
Check your the things surrounding the search bar. It may be a problem there because the search bar alone works fine for me. Experiment with the search bar alone and with other elements. This could help you find your answer.

11-25-2008, 04:38 AM
well theres the problem.. the _top = 1px; was messing everything up and setting it to = 0px fixed it in all the browsers! WOOT!!