Prailafruro
New Member
I'm trying to position a span so that it will be above it's sibling and "hang over" or be positioned on top of it's parent. The parent is relatively positioned.Please view my fiddle to get the whole picture
The span (tooltip):\[code\].grid-window span.validation-message:after { border-color: #F2DEDE transparent transparent; border-style: solid; border-width: 8px; content: ""; height: 0; left: 0; position: absolute; top: 40px; width: 0;}.grid-window span.validation-message { background: none repeat scroll 0 0 #F2DEDE; border: 1px solid #EED3D7; border-radius: 3px 3px 3px 3px; box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.098); color: #B94A48; font-size: 14px; height: 20px; left: 263px; line-height: 20px; padding: 10px; position: absolute; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.098); top: -26px; width: 100px;}\[/code\]The parent element:\[code\]element.style { display: block; height: auto; left: 488px; outline: 0 none; top: 100px; width: 400px; z-index: 1002;}.ui-dialog { overflow: visible; padding: 0.2em; position: absolute; width: 300px;}\[/code\]Please view my fiddle to get the whole picture