I use a custom-built asp.net control that renders to a DIV and has "height='0'" hard-coded into the element (I know.. stupid). But I need to reset it - get rid of the height assignment somehow. Is this doable with CSS?
I can set the height to 100px for example, and it works. But that's not what I want - I want the height assignment removed pretty much.
UPDATE: Using FireBug, I can see that CSS's height gets overridden by the hard-coded one:
removed dead ImageShack link
I guess there's no way for me to resolve this besides removing the hard-coded height=0. Anyone else see an alternative?
The default is height: auto in browser, but height: X% Defines the height in percentage of the containing block.
For a responsive full page height, set the body element min-height to 100vh. If you set a page width, choose 100% over 100vw to avoid surprise horizontal scrollbars.
For example, height: 100%; applied to an element is relative to the size of its parent. In contrast, height: 100vh will be 100% of the viewport height regardless of where the element resides in the DOM.
You might well need to use height:auto !important
because the height attribute has a very high priority (IIRC).
But ideally you would karate-kick that attribute out of there. Yuck.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With