SiteExperts.com Logo Home | Community | Developer's Paradise
User Groups | Site Tools | Site Information | Search
 Main Menu
 Forums
SiteExperts.com Forums
All Discussions

SiteExperts Feedback
The Lounge
Dynamic HTML
Site Design/ Critiques
HTML and CSS
XML Technologies
The Wireless Internet
Internet Explorer
Microsoft .NET
The Server
Technical Support

Sponsored Links

User Groups : Forums : SiteExperts : HTML and CSS :

Previous DiscussionNext Discussion
 vertical alignment in a input box more..

I have tested the code below in the latest version of firefox IE and Safari and it works well in all of them apart from Safari?

 

 

<div style="border:1px solid black;padding-top:10px;height:40px;" onclick="document.getElementById('pass').focus()">
  <input id="pass" style="border:0;width:100%;height:40px;padding:0px;font-size:16px" Name="password"/>
  </div>

 

In Safari due to the padding-top in division when you click on that division it high lights the text box in blue with a blue outline which is cropped by 10px..

For some reason this un desireable glitch doesnt occur in the other browsers any ideas....

 

sorry to bore everyone...

Started By Laurencek on Feb 8, 2010 at 9:11:00 AM

1 Response(s) | Reply

View All Replies
bod1467 on Feb 8, 2010 at 11:13:38 AM

http://www.siteexperts.com/forums/viewConverse.asp?d_id=20771

Why start a new thread? Smiley


View All Replies

To respond to a discussion, you must first logon.

If you are not registered, please register yourself to become a member of the SiteExperts.community.

User Name
Password
Copyright 1997-2000 InsideDHTML.com, LLC. All rights reserved.