hoxxy
Joined: 23 Jan 2008
Posts: 11
Location: UK
|
 Posted: Thu Jun 05, 2008 12:12 am Post subject: Browser compatibilty problem |
 |
|
I have a browser compatability issue, I have a search box set with css background and button but in Firefox the button sticks up (see image) but in ie7 its fine....
its based within vbulletin so heres the header template:
| Code: |
<script type="text/javascript" src="clientscript/hxy_tt.js"></script>
<!-- logo -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="center"><img src="styles/hbdv2/gradients/top.png" alt="" /></td>
</tr></table>
<table class="page" border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr><td>
<if condition="collapseimg_leftmenu">
<a href="#top" style="float:left" onclick="return toggle_collapse('leftmenu')"><img id="collapseimg_leftmenu" src="$stylevar[imgdir_button]/collapse_tmenu{$collapseimg_leftmenu}.gif" alt="Show/Hide Menu" border="0" /></a>
</if>
<div style="float: left; width: 70%;">
<a href="index.php" onmouseover="Tip('littlewhitelines.co.uk - Online Forum Community')" onmouseout="UnTip()">
<img class="margin" src="styles/hbdv2/misc/logo.png" border="0" width="430px" alt="littlewhitelines.co.uk - Online Forum Community" /></a></div>
<!-- nav buttons bar -->
<a style="color:#FFF;" href="index.php" onmouseover="Tip('Main Forum Home Page...')" onmouseout="UnTip()">Home</a> |
<if condition="$show['member']">
<a style="color:#FFF;" href="search.php?do=getnew" onmouseover="Tip('New posts since your last visit...')" onmouseout="UnTip()">New Posts</a> |
<else />
<a style="color:#FFF;" href="search.php?do=getdaily" onmouseover="Tip('Posts created today...')" onmouseout="UnTip()">Today's Posts</a> |
</if>
$template_hook[navbar_buttons_left]
<span id="usercptools"><a style="color:#FFF;" href="$show[nojs_link]#usercptools" accesskey="3" onmouseover="Tip('Get to where you want to be faster...!')" onmouseout="UnTip()">Q-Links</a> <script type="text/javascript"> vbmenu_register("usercptools",1); </script></span>
<!-- / nav buttons bar -->
<!-- Search Box -->
<div class="search_box">
<form action="search.php" method="post">
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" name="s" value="" />
<input type="hidden" name="do" value="process" />
<input type="hidden" name="showposts" value="0" />
<input type="hidden" name="quicksearch" value="1" /><input type="text" class="search_box" name="query" size="20" style="margin-top:2px; margin-left:-20px; "maxlength="27" /><input src="styles/hbdv2/misc/search_button.gif" name="search" alt="" type="image" style="margin:0px; padding:0px; margin-bottom:-2px;" /></form></div>
<!-- /Search Box -->
</td></tr></table>
<!-- /logo -->
<!-- breadcrumb, login, pm info -->
<table class="page" border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center">
<tr><td>
<div align="center">
<!-- login form -->
<div class="login"><if condition="$show['guest']"><form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
<img src="styles/hbdv2/misc/username.gif" alt="Username" width="58" height="7" hspace="2" title="Enter your Username" />
<input type="text" class="login" name="vb_login_username" id="navbar_username" size="20" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" />
<img src="styles/hbdv2/misc/password.gif" alt="Password" width="59" height="7" hspace="2" title="Enter your Password" />
<input type="password" class="login" name="vb_login_password" id="navbar_password" size="20" tabindex="102" value="Password" onfocus="if (this.value == 'Password') this.value = '';" />
<label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" /></label>
<input type="image" src="styles/hbdv2/misc/login_small.gif" alt="Login!" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" width="37" height="7" hspace="2" value="Login" />
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<!-- / login form -->
</div>
</if>
</td></tr></table>
<!-- / breadcrumb, login, pm info -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="center"><img src="styles/hbdv2/gradients/bottom.png" alt="" /></td>
</tr></table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td align="center"><img src="styles/hbdv2/gradients/top.png" alt="" /></td>
</tr></table>
<!-- content table -->
$spacer_open
$_phpinclude_output
$ad_location[ad_header_end] |
This is the search box css:
| Code: |
.search_box input.search_box {
background:url(styles/hbdv3/misc/search_left.gif) no-repeat;
font:10px arial;
height:19px;
width:165px;
border:0;
overflow:hidden;
margin:0 0 -2px;
padding:3px 1px 1px 4px;
} |
DOCTYPE:
| Code: |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
Any ideas or solutions are appretiated.. [/img] |
|
