Textpattern CMS

#1 2006-04-29 23:06:29

els

Moderator

From: The Netherlands

Registered: 2004-06-06

Posts: 7,458

Best way to adjust for Safari?

According to browsershots.org my search box is too wide in Safari. Apart from just making it narrower, is there a way to fix this for Safari only?

#2 2006-04-29 23:23:12

bancroft

Member

Registered: 2005-09-30

Posts: 39

Re: Best way to adjust for Safari?

Possibly the easiest way would be to add a <code>width: blahpx;</code> to the search input, as you say. Other than that I don’t think there would be, it does only seem to be a few pixels out.

Graham

Last edited by bancroft (2006-04-29 23:25:33)

#3 2006-04-29 23:34:14

els

Moderator

From: The Netherlands

Registered: 2004-06-06

Posts: 7,458

Re: Best way to adjust for Safari?

Ah, thanks Graham. I thought the width had already been set with the size attribute in the input tag. I’ll do that and see what browsershots has to say ;)

#4 2006-04-29 23:43:25

marios

Archived Plugin Author

Registered: 2005-03-12

Posts: 1,253

Re: Best way to adjust for Safari?

It is not a problem specific to Safari, more an unconsistancy of font sizes between different browsers.
Try to do a textresize from within your browsers (ALT/opt +-), to see what I mean.
The input field scales along with the font size set.(We also don’t know what fonts browsershots have installed on their testing servers to be any more intelligent afterwards.)
You can control the width of the search input field with CSS, eg.:
<code>#search input{ width:190px !important; }</code>

regards marios

---

⌃ ⇧ < ⎋ ⌃ ⇧ >

#5 2006-04-29 23:49:17

els

Moderator

From: The Netherlands

Registered: 2004-06-06

Posts: 7,458

Re: Best way to adjust for Safari?

Yes I see, marios, and of course, I should have thought of that. Thanks for explaining the obvious ;)