Mozilla problem (ugh)

[Guest210212002]

I hate Mozilla with the fire of a thousand suns. :mad:

If you bring up my site in IE, Maxthon or Opera, my search box formats correctly. I have no breaks between the box and the submit button:

IE:
http://www.sevenstring.org/chris/sb_IE.jpg

Opera:

http://www.sevenstring.org/chris/sb_opera.jpg

And now, FF, which is for some reason putting a break between the box and the button, even though the table cell in question is 250px wide, and the search bar is half of that.

http://www.sevenstring.org/chris/sb_mozilla.jpg

Here's the code:


<!-- Search Box -->
<td style="background: #333333 url(http://www.sevenstring.org/forum/images/misc/snav_gradient.jpg);" valign="middle" class="alt1" width="250"><form action="http://www.sevenstring.org/forum/search.php" method="post">
<input type="text" style="width:100px;" class="bginput" name="query"/>&nbsp;<input style="font: bold 10px Arial" type="submit" class="button" value="Search" /><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" />
</form></td>
<!-- /Search -->


What am I missing here? :mad:

[nexialys]

you applied the style before calling the class, you have to do the opposite... also, put the hidden fields outside the table, if possible, to stop the br like event...<!-- Search Box -->
<form action="http://www.sevenstring.org/forum/search.php" method="post">
<input type="hidden" name="do" value="process" />
<input type="hidden" name="showposts" value="0" />
<input type="hidden" name="quicksearch" value="1" />
<td style="background: #333333 url(http://www.sevenstring.org/forum/images/misc/snav_gradient.jpg);" valign="middle" class="alt1" width="250"><input type="text" style="width:100px;" class="bginput" name="query"/>&nbsp;<input style="font: bold 10px Arial" type="submit" class="button" value="Search" /><input type="hidden" name="s" value="" /></td>
</form>
<!-- /Search -->would be more like it to be XHTML compliant.. but outside the table is better

[Guest210212002]

Thanks dude. I ended up wrapping it in a "div style="white-space:nowrap", which seemed to do the trick.

[nexialys]

yeah, sure, the nowrap is very useful between browsers incompatibilities...