2012-04-04 6 views
0

<span>を特定の画像に対して相対的に配置しようとしています。 XHTML Transitionalのdoctypeを使用する必要があります。なぜなら、それはアプリケーションが何年も前から使用していたものです。CSS:XHTML Transitional Doctypeで絶対位置を指定してください

次のコードが正しく側にオフ<span>道を体位:

<html> 
    <head> 
     <style type="text/css"> 
      span.tooltip { 
       z-index:1000; 

       position:absolute; 
       top:200; 
       left:600; 
      } 
     </style> 
    </head> 
    <body> 
     <span class="hasTooltip"> 
      <img src="https://www.google.com/images/srpr/logo3w.png" /> 
      <span class="tooltip">Tooltip!</span> 
     </span> 
    </body> 
</html> 

ただし、このコードは<span>位置を壊し、それは関係なく常にleftまたはtop値が何であるか、同じ場所に表示されません:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
    <head> 
     <style type="text/css"> 
      span.tooltip { 
       z-index:1000; 

       position:absolute; 
       top:200; 
       left:600; 
      } 
     </style> 
    </head> 
    <body> 
     <span class="hasTooltip"> 
      <img src="https://www.google.com/images/srpr/logo3w.png" /> 
      <span class="tooltip">Tooltip!</span> 
     </span> 
    </body> 
</html> 

どのように私は正しくXHTML暫定DOCTYPEでこれ<span>要素を配置することができますか?

+1

問題を引き起こしているdoctype宣言は本当ですか?私は、基準とほぼ標準的なモードとの間に絶対的な位置づけに違いはないと信じています... – BoltClock

答えて

3

top: 200pxおよびleft: 600pxを使用してください。彼らはどんなモードでも動作しますが、 `px 'を省略すると不正なCSSコードとなり、Quirks Modeでのみ動作します。

+0

ありがとう、私は気づいたはずです! – dotancohen

関連する問題