dポイントプレゼントキャンペーン実施中!

大変恐れ入ります。jquery(背景全面になるやつ)のプラグインを入れる前は<div></div>で囲ったものが、ちゃんと実装され、画面中央にきていたのですが、そのjqueryを入れたとたんに左に寄ってしまいます。ちがうプラグイン(背景全画面になる)ものをいれてみたのですがだめでした。(ライブラリは同じ)。大変大変恐縮なのですが、どなたかわかるかたがいらっしゃいましたら宜しくお願いします。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>MN collection</title>

<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="css/jquery.maximage.css" type="text/css" media="screen" charset="utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8. …
<script src="js/jquery.maximage.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>

<div id="maximage">
<img src="img/monotone.jpg" width="1028" height="678" />
</div>

<div id="mainPhoto">
<ul>
<li><a href="img/4.jpg"><img src="img/4.jpg" width="300" height="auto" alt="1" /></a></li>
<li><a href="img/5.jpg"><img src="img/5.jpg" width="300" height="auto" alt="2" /></a></li>
<li><a href="img/6.jpg"><img src="img/6.jpg" width="300" height="auto" alt="3" /></a></li>
</ul>
</div><!--mainPhoto-->

<script type="text/javascript">

$(function(){
jQuery('#maximage').maximage();
});

</script>

===CSSファイル===

@charset "utf-8";

#mainPhoto ul {
list-style-type: none;
}

#mainPhoto li{
float: left;
}

#mainPhoto {
width:960;
margin-right: auto;
margin-left: auto;
}

A 回答 (1件)

× href="css/jquery.maximage.css"


○ href="/css/jquery.maximage.css"

ここかな?
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!