<a href>が機能しない。
以下のようなhtmlの中で、headerAreaとcontentsArea内に貼ったリンク<a href>が
全く機能しません。でも、footerAreaに貼ったリンクは機能します。
何が悪いのか分からなくて手詰まりになっています。
ご教授下さい。
<!--
body{
margin: 0;
padding: 120px 0 10px 0;
}
* html body{
overflow: hidden;
}
div#headerArea {
position: fixed !important;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 120px;
background-image:url(images/bg.jpg);
}
div#footerArea {
position: fixed !important;
position: absolute;
font-size: 11px;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
text-align:right;
bottom: 0;
right: 0;
width: 100%;
height: 18px;
background-color:black;
color: #ddd;
}
div#contentsArea{
height: 100%;
overflow: auto;
}
* html div#contentsArea{
height: 100%;
overflow: auto;
}
.bg_img img{
width:100%;
position:fixed;
top:0px;
left:0px;
z-index:-1;
}
h1{
text-align:right;
position:absolute;
right:10px;
top:0px;
}
h1 span{
display:block;
font-size:15px;
font-weight:bold;
}
-->
</style>
</head>
<body>
<div id="headerArea">
<h1><a href="index.html"><img src="images/title.png" alt="タイトル"></a></h1>
<div class="oe_wrapper">
<div id="oe_overlay" class="oe_overlay"></div>
<ul id="oe_menu" class="oe_menu">
<li><a href="">aaaaa<BR><BR><small>School Information</small></a>
<div>
<ul class="oe_full">
<li class="oe_heading">bbbb</li>
<li><a href="#">cccc</a></li>
<li><a href="#">dddd</a></li>
<li><a href="#">eeee</a></li>
<li><a href="#">hhhh</a></li>
<li><a href="#">dddd</a></li>
</ul>
</div>
</li>
</ul>
</div>
</div>
<div id="contentsArea">
杉並区<BR>
杉並区<BR>
杉並区<BR>
新宿区<BR>
<a href="http://www.educ.city.ibaraki.osaka.jp/e-higashi">豊島区</a><BR>
杉並区<BR>
杉並区<BR>
</div>
<div id="footerArea">
Copyright©2014 <a href="index.html">aaa株式会社</a> all rights reserved.
</div>
<!-- The JavaScript -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
var $oe_menu = $('#oe_menu');
var $oe_menu_items = $oe_menu.children('li');
var $oe_overlay = $('#oe_overlay');
$oe_menu_items.bind('mouseenter',function(){
var $this = $(this);
$this.addClass('slided selected');
$this.children('div').css('z-index','9999').stop(true,true).slideDown(200,function(){
$oe_menu_items.not('.slided').children('div').hide();
$this.removeClass('slided');
});
}).bind('mouseleave',function(){
var $this = $(this);
$this.removeClass('selected').children('div').css('z-index','1');
});
$oe_menu.bind('mouseenter',function(){
var $this = $(this);
$oe_overlay.
お礼
ありがとうございます 直接index.phpにしました。 なぜ同一階層にあるのに、フォルダ名指定でindexにたどりつけないのかは不明のままですが・・