Customizing ProductCart - Problem with alignment of search field

Print Page | Close Window

Problem with alignment of search field

Printed From: ProductCart E-Commerce Solutions
Category: ProductCart
Forum Name: Customizing ProductCart
Forum Description: Exchange messages with other users that are customizing ProductCart.
URL: https://forum.productcart.com/forum_posts.asp?TID=2200
Printed Date: 22-July-2025 at 5:56am
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com

Topic: Problem with alignment of search field

Posted By: hhsign
Subject: Problem with alignment of search field
Date Posted: 30-November-2008 at 6:36pm

We are designing a new top menu for our site and are having a problem getting the search input field aligned close to the same in Firefox & IE7. In Firefox the field is at the top of the menu, but in IE7 the field is close to the middle. If I us padding or margin to move the search field to the middle in Firefox then it moves to the bottom in IE7. Here is a link of the test menu to check out.

http://www.hhsignsupply.com/vqm/hhtopmenu.htm - http://www.hhsignsupply.com/vqm/hhtopmenu.htm

Replies:

Posted By: intour
Date Posted: 02-December-2008 at 11:27am

I don't see a noticeable difference - have you fixed it?

Nigel

Posted By: hhsign
Date Posted: 02-December-2008 at 6:17pm

Sorry, should have posted that I found a way to fix it. Anyway I have scrapped this one and am working on a leftside menu instead. Thanks for the reply.

Posted By: Andy @ Landmarq
Date Posted: 11-December-2008 at 9:04am

Hello hhsign,

Could I ask how you managed to fix the alignment issue before you moved away? I have the same problem with the search bar on my homepage www.landmarq.co.uk

In IE it jumps about half inch up out of line with the checkout line but in Firefox it sits where it should in line. I tried a few fixes around the net but none seemed to work.

Thanks in advance Andy,

-------------
Need a bespoke PC built to order? come to www.landmarq.co.uk

Posted By: Andy @ Landmarq
Date Posted: 19-December-2008 at 8:52am

I fixed this myself in the end may not be the best way but worked for me, If any one is interested you need to add a style tag into the form similar to below

<form style="display: inline">
...
...
...
</form>

This prevents IE adding a newline at the end of the form which is what causes the alignment issue you should then find you can align it like any other item

-------------
Need a bespoke PC built to order? come to www.landmarq.co.uk