<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN"
"http://
<html xmlns="http://
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title></title>
<link href="index.css" rel="stylesheet" type="text/css" />
<?xml-stylesheet href="ooita.css" type="text/css" ?>
<script type="text/javascript" src="index.js"></script>
</head>
<body bgcolor="#8FF0F6" onload="MM_preloadImages('img/top-on.jpg','img/fuji-on.jpg','img/ooita-on.jpg','img/kyouto-on.jpg','img/serbar-on.jpg','img/ryoukin-on.jpg','img/toiawase-on.jpg')">
<!-- header -->
<div id="header"></div>
<!-- navi -->
<div id="navi"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('top','','img/top-on.jpg',1)"><img src="img/top.jpg" alt="トップページへ" width="114" height="30" border="0" id="top" /></a><a href="fuji.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('fuji','','img/fuji-on.jpg',1)"><img src="img/fuji.jpg" alt="" width="114" height="30" border="0" id="fuji" /></a><a href="ooita.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ooita','','img/ooita-on.jpg',1)"><img src="img/ooita.jpg" alt="" width="114" height="30" border="0" id="ooita" /></a><a href="kyouto.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('kyouto','','img/kyouto-on.jpg',1)"><img src="img/kyouto.jpg" alt="" width="114" height="30" border="0" id="kyouto" /></a><a href="server.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('server','','img/serbar-on.jpg',1)"><img src="img/serbar.jpg" alt="" width="114" height="30" border="0" id="server" /></a><a href="p&s.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ps','','img/ryoukin-on.jpg',1)"><img src="img/ryoukin.jpg" alt="" width="114" height="30" border="0" id="ps" /></a><a href="http://
<!-- contents -->
<div id="middle"></div>
これは僕が作ったホームページのソースです。
ヘッダーの下にトップ画像、その下に横並びのナビゲーション、そしてメインコンテンツ。
IEでは平気なんですが、Firfox,safariで動作確認するとナビゲーションとメインコンテンツの間に隙間ができてしまうんです。
ナビとコンテンツにはCSSで上下にmargin0px,左右にmargin autoを指定しています。
このソースとCSSの設定でずれる原因の分る方いらしたらぜひ教えていただけませんか。
"http://
<html xmlns="http://
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title></title>
<link href="index.css" rel="stylesheet" type="text/css" />
<?xml-stylesheet href="ooita.css" type="text/css" ?>
<script type="text/javascript" src="index.js"></script>
</head>
<body bgcolor="#8FF0F6" onload="MM_preloadImages('img/top-on.jpg','img/fuji-on.jpg','img/ooita-on.jpg','img/kyouto-on.jpg','img/serbar-on.jpg','img/ryoukin-on.jpg','img/toiawase-on.jpg')">
<!-- header -->
<div id="header"></div>
<!-- navi -->
<div id="navi"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('top','','img/top-on.jpg',1)"><img src="img/top.jpg" alt="トップページへ" width="114" height="30" border="0" id="top" /></a><a href="fuji.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('fuji','','img/fuji-on.jpg',1)"><img src="img/fuji.jpg" alt="" width="114" height="30" border="0" id="fuji" /></a><a href="ooita.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ooita','','img/ooita-on.jpg',1)"><img src="img/ooita.jpg" alt="" width="114" height="30" border="0" id="ooita" /></a><a href="kyouto.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('kyouto','','img/kyouto-on.jpg',1)"><img src="img/kyouto.jpg" alt="" width="114" height="30" border="0" id="kyouto" /></a><a href="server.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('server','','img/serbar-on.jpg',1)"><img src="img/serbar.jpg" alt="" width="114" height="30" border="0" id="server" /></a><a href="p&s.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('ps','','img/ryoukin-on.jpg',1)"><img src="img/ryoukin.jpg" alt="" width="114" height="30" border="0" id="ps" /></a><a href="http://
<!-- contents -->
<div id="middle"></div>
これは僕が作ったホームページのソースです。
ヘッダーの下にトップ画像、その下に横並びのナビゲーション、そしてメインコンテンツ。
IEでは平気なんですが、Firfox,safariで動作確認するとナビゲーションとメインコンテンツの間に隙間ができてしまうんです。
ナビとコンテンツにはCSSで上下にmargin0px,左右にmargin autoを指定しています。
このソースとCSSの設定でずれる原因の分る方いらしたらぜひ教えていただけませんか。
|
|
|
|
|
|
|
|
