2009-02-26 15 views
1

オペラのバージョンが9.0より大きい場合、私のテキストの大部分をレンダリングできないバグが見つかりました。これは、リンク、スパン、および強いタグで発生します。これと同様に、supタグで奇妙なエラーが発生します。誰かがこのまたは上のいくつかの光を当てることができればHtml Operaのバグ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <title>Licensing Awards '09 - Enter Your Products</title> 
    <link rel="stylesheet" type="text/css" href="css/style.css" /> 
    <!--[if IE 6]> 
     <link rel="stylesheet" type="text/css" href="css/ie.css"> 
    <![endif]--> 
    <noscript><link rel="stylesheet" type="text/css" href="css/noscript.css"></noscript> 
    <script src="js/shadedborder/shadedborder.js" type="text/javascript"></script> 
    </head> 
    <body> 
    <div id="page"> 
     <div id="otherbits"> 
     <a href="about.html" id="licensing" name="About"><i>About</i></a> 
     <a href="http://www.bionic-comms.co.uk" id="bionic" name="Bionic"><i>Bionic</i></a> 
     </div> 
     <div id="header"> 
     <div id="nav"> 
      <div id="menu"> 
      <a href="enter.html" id="home" name="Home"><i>Home</i></a> 
      <a href="nominate.html" id="nominate" name="nominate"><i>nominate</i></a> 
      <a href="tickets.html" id="tickets" name="tickets"><i>tickets</i></a> 
      <a href="about.html" id="about" name="about"><i>about</i></a> 
      <a href="photos.html" id="photos" name="photos"><i>photos</i></a> 
      </div> 
     </div> 
     </div> 
     <div id="lildetails"> 
     <p>Thursday September 10th 2009, Royal Lancaster Hotel, London &bull; Black Tie/Posh Frocks</p> 
     </div> 
     <div id="enter"> 
     <div class="head"> 
      <h2 class="enter">Here you can download the entry form for the product categories in The Licensing Awards 2009. These annual product awards are open to all UK and Ireland-based companies and are for officially licensed ranges.</h2> 
     </div> 
     <div class="circle1">1</div> 
     <div class="text1"> 
      <div id="my-border"> 
      <h5 class="enter">Fill in the form:</h5><br /><span class="enter">Fill in the entry form (one form per entry). <strong>You can download the form <a href="files/entryform.pdf" class="enter">here</a>.</strong></span> 
      </div> 
     </div> 
     <div class="circle2">2</div> 
     <div class="text2"> 
      <div id="my-border1"> 
      <h5 class="enter">Select your product entries:</h5><br /><span class="enter">Check that the products being entered comply with the entry requirements (i.e. were launched between June 1st 2008 and May 31st 2009). You should submit up to five actual items for each licensed range. Remember &ndash; entries should be license&ndash;specific.</span> 
      </div> 
     </div> 
     <div class="circle3">3</div> 
     <div class="text3"> 
      <div id="my-border2"> 
      <h5 class="enter">Send your entries:</h5><br /><span class="enter">All entry forms, samples and supporting materials should be sent (arriving no later than June 1st) to:<br /><br /> <span class="enter">The Licensing Awards, Max Publishing, United House, North Road, London, N7 9DP</span>.<br /><br />For further clarification on entering contact Ian Hyder or Jakki Brown at The Licensing Source Book on 202 7700 6740 or by email: <a href="mailto:[email protected]" class="enter">[email protected]</a></span> 
      </div> 
     </div> 
     </div> 
    </div> 

    <script language="javascript" type="text/javascript"> 
     var browser=navigator.appName; 
     var b_version=navigator.appVersion; 
     var version=parseFloat(b_version); 
     if ((browser=="Microsoft Internet Explorer") && (version=4)) { } 
     else { 
     var myBorder = RUZEE.ShadedBorder.create({ corner:8, shadow:16 }); 
     myBorder.render('my-border'); 
     myBorder.render('my-border1'); 
     myBorder.render('my-border2'); 
     } 
    </script> 
    </body> 
</html> 

:ここ

がライブサイトへのリンクです: http://clients.bionic-comms.co.uk/licensingawards/microsite/enter.html以下 がコードである(最初のdivは私のすべてで何の問題も与えるものではありません)私が間違っていることを教えてください、それは非常に高く評価されるでしょう。

+0

shadeborderのJSを削除すると、問題は解決しますか? – scunliffe

+0

Opera 9.6を使用していて、サイトが適切にレンダリングされています。 –

+0

ああ、xhtml doctypeを使用している場合は、noscript.cssのリンクタグにスラッシュ「/」を付ける必要があります – scunliffe

答えて

3

なぜ私はJavascriptに関するすべてのことを知っていますが、エラーの原因となっているshadedbo.jsは分かりません。それを削除するだけでOpera 9.26で正しくレンダリングされます

+0

ありがとう!今すぐお試しください。 – Drew

2

Opera Dragonflyを試しましたか?これはビルトインのJavascriptデバッガであり、ページのDOMを調べることもできます。

Dev.Operaにはintroductory articleがあります。

エラーコンソールも役立つかもしれません。「ツール」、「詳細設定」、「エラーコンソール」にあります。ここでは、オペラ9.63の私のコピーに示しものです:

CSS - http://clients.bionic-comms.co.uk/licensingawards/microsite/css/style.css 
Linked-in stylesheet 
Expected ruleset 
Line 10: 
    # pre, form, fieldset, table, th, td { margin: 0; padding: 0; } 
    ---------------------------------------------------------------^ 
CSS - http://clients.bionic-comms.co.uk/licensingawards/microsite/css/style.css 
Linked-in stylesheet 
Declaration syntax error 
Line 373: 
    } 
    -^ 
CSS - http://clients.bionic-comms.co.uk/licensingawards/microsite/enter.html 
HTML style attribute 
background-position-y is an unknown property 
Line 1: 
    tion:absolute; margin:0; padding:0; width:100%; left:0px; background-position-y: 
    --------------------------------------------------------------------------------^ 
1

あなたは、この文書validateする場合があります。 XHTMLとして宣言しましたが、そうではありません。また、エスケープされていない予約文字もあります。 (&スクリプト部分の&)

私はこれらの問題がレンダリングの問題の理由だとは思っていません。時には警告を修正することでエラーが解決される場合があります。

0

Firefox 3.0.6とOpera 9.62ではページが同じように見えます。しかし、あなたはCSSに1組のエラーと、あなたが見なければならないJavascriptエラーがあります。 Firefoxでエラーコンソールを開き、ページを参照すると、それらが表示されます。