Nasty lil' searchbox won't cooperate

[noobnuggets]

I am trying to get my searchbox to fit into my navigation bar. I had my navigation bar with all my links nicely stretched across the top of the page, but then when I added the searchbox to it, the searchbox increased the height of the navigation bar, and made everything look bad. I would like to get the searchbox vertically centered in the navigation bar without increasing the height of the bar. This image should explain what I want:http://sandbox.quepasamedia.com/search.png

Does anyone know how to fix this?

[pixelsoul]

:O valign="center" also look if you dont have any weird settings/height/paddings ;)

[alwarren]

Here's another tip if you're wrapping your form in a table. It breaks some rules but it's a known work-around. Put your closing </form> tag after the closing cell tag </td>. Like this: </td></form>

[noobnuggets]

I tried all those tricks, but that nasty little sh¡t still would't cooperate, so I stuck it in between a </tr> and </table> tag and used css to position it. The only issue with that is that different browsers render the page a little bit differently. I can get around that by putting a little bit of browser sniffing code in the template's index.php file and giving the little bugger a different class for different browsers. However, I would rather make my css file into a php file and keep the logic in my css file instead of using a different class for each browser. I know it really boils down to the same thing, but I want an elegant way to implement my nasty little positioning hack :sneaky:

[pixelsoul]

:O perhaps give us the link..

[noobnuggets]

here you go: http://sandbox.quepasamedia.com/web/

I was looking at the baby template on demo.mambohut.com, but I still couldn't figure out how they made it work.

Pixelsoul, I can't see your site; says bandwidth exceeeded :(

[tonyskyday]

here you go: http://sandbox.quepasamedia.com/web/

I was looking at the baby template on demo.mambohut.com, but I still couldn't figure out how they made it work.

Pixelsoul, I can't see your site; says bandwidth exceeeded :(

Looks fine on IE6 and Firefox 0.8, on Win2k...

[noobnuggets]

I know. it also come out nicely on safari and Netscape Nav 7 on the mac. IE for mac doesn't line the searchbox up quite right, but it is close. Looks like hell on Netscape Nav 4 though(you cannot see mamboserver.com with NN4). I had to hide the css from it to get most of the page to display at all. I am browser sniffing in the templates index.php file, and changing the class for IE so the searchbox shows up in the right place. I just wanted to learn how to browser sniff with php inside of the css file. Mostly just to learn how. Thanks for helping :D