[HTML][CSS] Tooltip zawsze na wierzchu Opcje

[tomczan]

Witam
Korzystam z tego tooltip'a: http://perfectionorvanity.com/2005/12/12/tooltip-w-css/ mam go umieszczonego w div'ie, wszystko jest ok, do kiedy ten tooltip nie jest na elemencie który znajduje się w pobliżu 'granicy' div'a (zostaje obcinany to tej granicy). Jak to rozwiązać?

Ten post edytował tomczan 30.09.2009, 09:35:23

[vokiel]

Jeśli ma być za pomocą czystego css, bez js to polecam: Pure CSS Tooltips

Jeśli rodzic ucina to ustaw większy z-index dla linku niż dla div'a

[ucho]

Z ciekawości sprawdziłem i w Operze 10 to nadal nie działa poprawnie, wystarczy przewinąć stronę i już wyświetlają się w złym miejscu. Oczywiście to ficzer a nie bug (IMG:style_emoticons/default/tongue.gif)

[tomczan]

~vokiel, z-index nie pomaga, Pure CSS Tooltips też.
~ucho, też zauważyłem tą niepoprawność.

Dorzucam kod CSS:

[HTML] pobierz, plaintext 
.tooltip {
			position: relative;
    	}
 
		.tooltip dfn { 
			display: none;
			width:150px;
 
		}
		.tooltip:hover dfn, .tooltiph dfn { 
			display: block;
			position: absolute;
			left: 3em;
			top: 1.5em;
			padding: 5px 5px;
			border: 1px dashed;
			background: #FFFFFF;
			color: #000;
			font-style: normal;
			font-size: 8pt;
			line-height: 100%;
			text-decoration: none;
		}
 
		.tooltip dfn span {
			display: block;
 
		}
    .tooltip dfn a {
			color:#f00;
			font-weight:bold;
 
		}
[HTML] pobierz, plaintext 

i HTML:

[HTML] pobierz, plaintext 
<div style="margin-left:70px; overflow:hidden;height:615px;width:615px;border:1px solid #000">
  <div style="width:307px;height:307px;margin:0 0 0 307px;position:relative; ">
    <span style="width:41px;height:41px;background-color:red;position:absolute;bottom:143px;left:-307px;">
      <a class="tooltip">
        <img src="image.gif" />
        <dfn>
          nazwa<br /><br />
          dane 1<br />
          (13 x 21)<br /><br />
          <a href="index.php">->tutaj</a><br />
          <br />
          <a href="#">->tomczan</a><br /><br />
          <a href="xxx">->w</a>
        </dfn></a>
    </span>  </div>
</div>
[HTML] pobierz, plaintext 

Ten post edytował tomczan 30.09.2009, 19:31:55