SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Wizard
    Join Date
    Apr 2002
    Posts
    2,307
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    different heighted submit buttons in ie and ff

    hi,

    this page http://www.hdbatik.co.uk/ectemp/b/not-found-test has a text field and a submit button next to each other. in ff the text field and button are roughly (button seems to be 1px higher but that's ok) the same size but in ie the button is significantly taller:

    ff:


    ie:


    how can i get the ie's button about the same height as the text field?

    Code:
    <ul id="suggestions">
    
    ...
    
    	<li>
    		<div>
    		<h4>Edit the address and try again</h4>
    		<form action="/ectemp/b/not-found.html" method="post">
    		
    		<p class="url">
    		www.hdbatik.co.uk/<input type="text" name="corrected-uri" value="ectemp/b/asdbvnvbnvbn" size="30" />
    		<input type="submit" name="go" value="Go" />
    
    		<input type="hidden" name="uri-submit" value="1" />
    		</p>
    		</form>
    		</div>
    	</li>
    
    ...
    Code:
    	p.url { font-size:1.2em; }
    	.url, input[type="text"] { letter-spacing:.1em; }
    	.url { color:#000; margin-right:.5em;}
    	.wrong, input[type="text"] { color:#f00; background:#fff; }
    	input[type="text"] { font-family:sans-serif; }
    	input { padding:3px; border:2px #ccc solid; }
    thanks

  2. #2
    SitePoint Wizard
    Join Date
    Apr 2002
    Posts
    2,307
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    what's making it much larger like that? can't work it out


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •