Problem with alignment of search field

Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic

   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

Author	Message Topic Search Topic Options Post Reply Create New Topic Printable Version Translate Topic
hhsign Members Profile Send Private Message Find Members Posts Add to Buddy List Newbie Joined: 31-October-2008 Status: Offline Points: 0	Post Options Post Reply Quote hhsign Report Post Thanks(0) Quote Reply Topic: Problem with alignment of search field 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

intour Members Profile Send Private Message Find Members Posts Add to Buddy List Senior Member Joined: 30-June-2006 Location: United Kingdom Status: Offline Points: 0	Post Options Post Reply Quote intour Report Post Thanks(0) Quote Reply Posted: 02-December-2008 at 11:27am
	I don't see a noticeable difference - have you fixed it? Nigel

hhsign Members Profile Send Private Message Find Members Posts Add to Buddy List Newbie Joined: 31-October-2008 Status: Offline Points: 0	Post Options Post Reply Quote hhsign Report Post Thanks(0) Quote Reply 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.

Andy @ Landmarq Members Profile Send Private Message Find Members Posts Add to Buddy List Newbie Joined: 12-November-2008 Location: London Status: Offline Points: 0	Post Options Post Reply Quote Andy @ Landmarq Report Post Thanks(0) Quote Reply 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

Andy @ Landmarq Members Profile Send Private Message Find Members Posts Add to Buddy List Newbie Joined: 12-November-2008 Location: London Status: Offline Points: 0	Post Options Post Reply Quote Andy @ Landmarq Report Post Thanks(0) Quote Reply 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