Hi,
I have some container for column and formular design. The div container need
the overflow:hidden attribute.
A <label> has a CSS hover definition and shows a hidden help information.
This "bubble help" was cut by the parent containers with overflow:hidden
definition.
The "bubble help" is absolute positioned. Does someone know, how to avoid this
kind of clipping?
class "fifohelp" is the definition for the bubble help.
My CSS design based on YAML (www.yaml.de).
HTML:
<div class="subcolumns"><div class="c50l"><div class="subcl">
<div class="type-text" ><label for="ID_ANREDE" >Anrede<span
class="fifohelp">Anrede für den Kunden oder den/die Ansprechpartner/in in der
Firma</span></label>
<input type="text" name="FLD_ANREDE" id="ID_ANREDE" value=""
maxlength="16" /></div>
CSS:
span.fifohelp {
display: none;
}
label:hover span.fifohelp {
z-index:4000;
display: block;
position: absolute;
width: auto;
height: auto;
top: auto;
left: 50px;
padding: 2px 5px 2px 10px;
border: 1px solid #000;
margin: 0;
}
Thank you in advance
Manfred
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
