/    Sign up×
Community /Pin to ProfileBookmark

Display: FF & IE5.5 vs IE6

Copy linkTweet thisAlerts:
Jun 15.2005

[CODE]
select.calendarDateInput {
letter-spacing:.06em;
font-family:Arial,Verdana,Sans-Serif;
font-size:14px;
font-weight:normal;
width:53px;
}
input.calendarDateInput {
letter-spacing:.06em;
font-family:Arial,Verdana,Sans-Serif;
font-size:14px;
font-weight:normal;
height:18px !important;
height:22px;
width:43px;
}
[/CODE]

This results in an input box that is precisely the same height as the select dropdown in Firefox and IE5.5, but in IE6 the input is significantly taller than the select. Is there a hack that would apply the attribute to IE5.5 and not to IE6? (No Mac’s here, all Windows machines.)

to post a comment
CSS

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangJun 15.2005 — Without the [I]height[/I] all browsers give input the same height.

Using [URL=http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp]Conditional comments[/URL] can seperate IE versions
Copy linkTweet thisAlerts:
@JayhawkauthorJun 15.2005 — Without the height all browsers give input the same height.[/QUOTE]
You mean if I didn't specify the height at all. Yes, and it was way too small to fit in my page. I am not a very good designer, but I am a designer of sorts, and things do need to more or less have some degree of visual harmony on my pages. When I made the single specification, the height of the input box was too small in IE but was fine in FF, so I hacked it to bring it in line.

But the hack is in some third party javascript. The three elements in question - two drop downs and an input box - are invoked in the web page with a simple function call. To use a conditional statement I would have to create two different javascripts and call them based on the version, which seems awkward. (I can do a limited amout of js edit, but am no expert.)

Besides which the popup is part of this same function appearing behind other elements, which no one on this forum will address unless I provide them with a link to the page. But the page is dynamic and is within a proprietary site belonging to a client so I'm working on setting up some sort of kludge that I can put on my website to send people to. Going to take me a little time, I hope to have it done today. But if that problem doesn't get solved, this one becomes academic.

[I]Edit: [/I] This issue became academic when I found out in another thread that the popup portion of this third-party product is unfixable. Time to move on. If someone wants to contribute to general knowledge it will be welcome, but I am no lobger attempting to makie this script work.
×

Success!

Help @Jayhawk spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...