473,385 Members | 1,602 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,385 software developers and data experts.

CSS Forms in Safari

I'm having real trouble getting Safari to render a text field to the height
I specify, it just seems to ignore it completely. Safari is said to support
the height attribute yet for me it doesn't work, here's the code

<input style="width: 150px; height: 22px;" type="text" name="var">
Jul 31 '05 #1
2 2669
"mark" <ma**@localhost.net> wrote:
I'm having real trouble getting Safari to render a text field to the height
I specify, it just seems to ignore it completely. Safari is said to support
the height attribute yet for me it doesn't work, here's the code

<input style="width: 150px; height: 22px;" type="text" name="var">


Input fields are single line so specifying a height makes no sense.

Use textarea if you want a multi line field, then you can specify the
number of visible rows as an markup attribute, or if you want bigger
text for an input element set a bigger font size.

Btw, specifying a width and/or height in pixels for an element that
contains text is not smart, it doesn't adapt to the users system and it
cannot be zoomed by IE.

--
Spartanicus
Jul 31 '05 #2
mark <ma**@localhost.net> wrote:
I'm having real trouble getting Safari to render a text field to the height
I specify, it just seems to ignore it completely.


You can not expect that form fields can be manipulated via CSS at all.
If the browser uses the controls of the operating system, then it is
likely that altering the appearance will fail in parts or even
completely. And if you know Apples "Aqua" appearance of MacOSX then you
can easily understand that most of the CSS properties can't be used to
alter most of the controls. The "Aqua" buttons don't have a simple
border, they don't have a simple background etc. Also the text input
fields of the operating system may have a certain font size (maybe
realted to a certain system setting) which can not be freely changed and
so giving a text field a certain height may not always work.

Though it is more likely to be able to modify simple text input fields,
you can't expect that it will work in all browsers and operating system.

Some browsers will draw all form controls completely themseves. In
theses cases it is likely that modifying them will work, but in general
this is not the case.

--
Alexander
Aug 1 '05 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

8
by: Der Kommissar | last post by:
Hi all I'm having a problem with a form layout in CSS, based on Eric Meyer's technique (as found on ALA). FireFox and IE show this page correctly, but Opera as well as Safari show way too much...
0
by: David Portabella | last post by:
Hello, I am a doing a survey about Autofill Web Forms softwares. Usually, they all collect information of the user once during the set-up phase (user knowledge base). Then, when the user...
4
by: Paul W | last post by:
Hi - can someone point me to info on the issues/resolutions of supporting the safari browser? To help me understand, if I was developing pages in say FrontPage, what attributes would I set for...
0
by: abhijit | last post by:
hi, I am facing a strange forms authentication problem in IE 5.0 browser in MAc OS X 9.5 I could not test it in safari. this code: public partial class _Default : System.Web.UI.Page {...
5
by: Bill Cohagan | last post by:
I'm having some serious difficulties with my ASP.Net 2.0 app rendering in Safari 2.0.3. The most immediate problem is that the menu control doesn't seem to work at all, particularly the use of...
34
by: Simon Wigzell | last post by:
document...focus() will scroll the form to move the specified text field into view on everything I have tried it with except Safari on the MAC. The form doesn't move. Any work around? Thanks.
2
by: rob.horvath | last post by:
Ok, I'm having what is most likely a very newbie problem, but... I am generating dynamic content for a page within a DIV on my main page (so I have a 'content' DIV). This works very well, and all...
3
by: noballack | last post by:
I've got a problem, I'm working with Ajax in a web with a form with a list of checkbox added to the form via an Ajax.Updater method. These added checkboxs are not been sended by the form if I use...
3
by: imoddedu | last post by:
In this code, is it do-able to make a form that is a select and if one option is selected, then 2 more forms are displayed? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" ...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
by: ryjfgjl | last post by:
In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.