Re: [css-d] CSS Dropdowns and Form Select Boxes

Classic case of the IE6 Select z-index bug. You have 4 choices. 1.) Ensure that a select box will never be in a position below your overlay content 2.) When "opening" your overlay, change the display of all select elements to none 3.) Generate an iframe, to reside under your overlay (same dims)

[css-d] IE<7 PNG Alpha Transparency...

Hi all, I know that there are a number of hacks to make IE (<7) behave with regards to the alpha transparency of PNG images, however I was wondering if any of them have a solution for PNG images, that are applied as background images, on elements/selectors other than the img. e.g. I know, that

[css-d] CSS Base url for image property values?

Hi all, Suppose a site has the following structure: www \things \stuff \other \neat \cool In the ideal scenario, I'd like to reference one css file "site.css" that sits in the root directory. This works fine, and it will work if I link it in any page, nest

[css-d] CSS for input[type=radio] Approaches in IE

Hi all, input[type=radio] { /* special stuff for radio buttons here */ } works in most browsers, of course, except IE (pre7). Has anyone figured out a neat hack to get IE to render as the other browsers would... without setting a class (hard coded in the output) on the radio buttons? I'm op

[css-d] More on 100% height - 50px via CSS

Hi all, I posted a while back, about trying to get an element to be 100% height - 50px; Subject: "[css-d] CSS options for 100% - 50px;" Unfortunately, although all the info was helpful, I couldn't figure out a solution for this. I've decided to attach a quick snippet here, to explain my situa

[css-d] CSS options for 100% - 50px;

Hi all, I'm looking for info on the options for providing a CSS "demension" that is 100% (minus X pixels) E.g. If I have a fixed height header, of 50px, and I want a body below that, that is 100% of the remaining browser viewport (e.g. 100% - 50px) Is there a way to accomplish this (note: wit

[css-d] CSS3 user-select vs current options

Hi all, In CSS3, I can use: user-select: none; To stop users from selecting text on a page. Since we're not "there" yet, I was wondering if anyone has a unique solution (CSS based or otherwise) for various browsers? In Mozilla/Firefox, I can use: -moz-user-select: none; /* Works great

Re: [css-d] targeting readonly form elements

In IE6?... ;-) well, kind of... you can use any of the following... but they will only check for the "existence" of the attribute, not the value... (which for readonly should be okay) only the modern browsers will support matching of actual values within the attribute (e.g. size="1" vs size="