Solved

IE7 floating issues with submit button and input field

Posted on 2012-03-15
2
423 Views
Last Modified: 2012-06-27
Hi,

I am working on a website for someone and i am trying to float the search elements left, or right, not really worried right now, but when i do it fails to appear correct in IE7. I thought i had cleared the floats but obviously either in the wrong place or totally wrong.

As it stands i have changed them by removing both float styles and just have them display:inline blocks, however this still didnt work.

Can anyone shine any light on the following address:

http://www.bluebean.org.uk/sites/tracynewman/

Thanks,

Andrew
0
Comment
Question by:Andy6350
2 Comments
 
LVL 21

Accepted Solution

by:
Kim Walker earned 500 total points
Comment Utility
The problem appears to be that there just isn't enough room for them side-by-side and I suspect it has something to do with the word "SEARCH" being in a text input element. IE has it's own algorithm for determining the automatic width of an input element. Try giving the one with "SEARCH" in it a fixed width with no left or right padding, centered, and see if that helps.
0
 

Author Comment

by:Andy6350
Comment Utility
ah yes, thank you, i have been changing width and padding on everything but the input button.

Thank you, works a charm.
0

Featured Post

What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
Today, still in the boom of Apple, PC's and products, nearly 50% of the computer users use Windows as graphical operating systems. If you are among those users who love windows, but are grappling to keep the system's hard drive optimized, then you s…
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

772 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now