В версиях оперы более 9.0 я обнаружил ошибку, из-за которой не удается отобразить большую часть моего текста. Это происходит со ссылками, span и сильными тегами. Кроме того, он выдает странную ошибку с тегами sup.
Вот ссылка на действующий сайт: 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 • 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 – entries should be license–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:ianh@max-publishing.co.uk" class="enter">ianh@max-publishing.co.uk</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>
Если бы кто-то мог пролить свет на это или сказать мне, что я делаю неправильно, это было бы очень ценно.