2009-02-26 47 views
1

在opera版本超過9.0的版本中,我發現了一個無法呈現大部分文本的錯誤。這發生在鏈接,跨度和強大的標籤。除此之外,它還會給sup標籤帶來一個奇怪的錯誤。Opera中的Html錯誤

這裏是鏈接到直播現場:http://clients.bionic-comms.co.uk/licensingawards/microsite/enter.html 下面是代碼(第一個div並沒有給我的任何問題):

<!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> 

如果有人能在這個或提供一些線索告訴我我做錯了什麼,這將是非常感謝。

+0

如果您刪除了邊緣的JS,問題是否會消失? – scunliffe 2009-02-26 12:03:46

+0

我正在使用Opera 9.6並且網站正常渲染。 – 2009-02-26 12:03:59

回答

3

我不知道爲什麼,因爲我知道sod都是關於Javascript的,但是它的shadedbo.js是導致錯誤的原因。去除(並且只有這樣)才能在Opera 9.26上正確呈現網站

2

您是否嘗試過使用Opera Dragonfly?它是內置的Javascript調試器,還可以讓您檢查頁面的DOM。

在Dev.Opera上有關於它的introductory article

錯誤控制檯可能也有幫助,你可以在「工具」,「高級」,「錯誤控制檯」下找到它。這是它在我的Opera 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中遇到了一對錯誤,並且應該看到一個Javascript錯誤。在Firefox中打開錯誤控制檯並瀏覽到該頁面,您將看到它們。