Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 1 of 1
  1. #1
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    I'm trying to explicitly set the width and height of a form element (a text field) in some CSS. It's critical that the element be exactly this size because absolute positiioning is used to place it as well as surrounding elements.

    I'm using this slew of CSS:
    Code:
    input#framework-search-query
    {
    	border: 1px solid black;
    	background-color: white;
    	color: gray;
    	width: 148px;
    	height: 18px;
    	
    	min-height: 18px;
    	min-width: 148px;
    	
    	font-family: Tahoma, Verdana, Arial, sans-serif;
    	font-size: 13px;
    	
    	position: absolute;
    	top: 0px;
    	left: 744px;
    	
    	padding-top: 1px;
    	padding-left: 3px;
    }
    It renders perfectly in IE and Firefox. But in Safari, the form element is clearly not tall enough (i.e., the height is too low). I read that Safari automatically applies a margin to form elements so I added [minicode]margin: 0px;[/minicode] to no avail.

    Are there some caveats to form element styling in Safari that I'm missing?
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  2.  


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 09:23 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com