打印

[求助] 导航栏在FF里变样

AdobeFans [楼主]

新手上路

帖子: 45
体力: 41
威望: 0
当前: 四川成都
离线: 1 天

1^# 大中小发表于 2008-6-10 19:41

<!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=gb2312" />
<link href="index.css" rel="stylesheet" type="text/css" />
<title>无标题文档</title>
<style>
/*页面布局ID*/
body {font-family:Arial, Helvetica, sans-serif;font-size:10px;margin-top:15px;}
* {padding:0 0;margin:0 0;}
#wrapper {margin:0 auto; width:950px;}
#banner {float:left;height:80px;width:100%;}
#mainNav {float:left;height:22px;width:100%;margin:10px 0 0 0;}
#contentwrapper {clear:both;position:relative;width:100%;}
#main {margin:0px 160px;height:480px;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;padding:10px 10px;overflow:hidden;}
#sidebar {position:absolute;top:0px;left:0px;width:150px;height:500px;}
#adverts {position:absolute;top:0px;right:0px;width:150px;height:500px;}
#copyright {width:100%;height:120px;}
/*banner*/
h1.title { font-size:5em; font-weight:bold;color:#999999;}
/*导航栏*/
ul.Nav {list-style-type:none; padding-left:0; margin-left:0;border-bottom:1px solid #CCCCCC;width:100%;}
ul.Nav li {float:left;}
ul.Nav a {border:1px #CCCCCC solid; border-bottom:none;display:block;width:100px; text-decoration:none;text-align:center;margin-right:10px;color:#333333;padding:4px;}
ul.Nav a:hover {color:#FFFFFF;background:#999999;}
/*main*/
h1.NRtitle { font-size:18px; font-weight:bold;color:#999999;}
p { font-size:12px;line-height:18px; color:#999999;}
</style>
</head>
<body>
<div id="wrapper">
<div id="banner"><h1 class="title">&nbsp;CosmoFarmer 2.0</h1></div>
<div id="mainNav">
  <ul class="Nav">
  <li><a href="#">Home</a></li>
  <li><a href="#">Features</a></li>
  <li><a href="#">Experts</a></li>
  <li><a href="#">Quiz</a></li>
  <li><a href="#">Projects</a></li>
  <li><a href="#">Horoscopes</a></li>
  </ul>
  </div>
<div id="contentwrapper">
<div id="main"><h1 class="NRtitle">Half-blind Student Grateful for Stranger's Cornea </h1><p>Ismayil Tursun, an 18-year-old high school student from the Xinjiang Uygur autonomous region, was moved when he received a stranger's cornea.
    The boy, a student at a high school in Shenzhen, Guangdong province, suffered from an eye disease that left him blind in his right eye. The Shenzhen Eye Hospital learned about his story and helped him look for a cornea.
    "My cousin, Hu Jieliang, was 20 and he fell from a high building accidentally and died. We hoped to do something for society and decided to donate his cornea," Xiao Zhiping, one of Hu's relatives, said.
    The hospital also donated 12,000 yuan ($1,700) for the operation, which took place on Friday.
</p>
<br />
<h1 class="NRtitle">Provincial Agencies on High Alert to Tackle Floods </h1><p>Flood, drought and wind prevention agencies in Guangdong province have been urged to be on high alert for floods this summer.
    "We will probably encounter a big flood this summer," Guangdong governor Huang Huahua said in a conference on flood prevention in the city of Foshan on Thursday.
    Lin Liangxun, a weather forecaster with the Guangdong weather bureau, said that the global weather phenomenon La Nina, which hit the country in August last year, is responsible for the extreme weather conditions, such as the snowstorms that struck central and southern regions in January and February.
    La Nina is a large pool of unusually cold water in the equatorial Pacific that develops every few years, affecting global weather patterns.
    The phenomenon is still affecting China and the weather this summer will be complicated, Lin said, adding it may also cause other natural disasters such as typhoons and floods.
    He forecast the flood season in Guangdong will last from this month to September. Most rainfall will be concentrated from now until June.
    Four river valleys in Guangdong - Xijiang, Beijiang, Dongjiang and Hanjiang - are likely to experience their most serious floods in five years, the provincial hydrology bureau said earlier.
    There could be five to seven tropical cyclones affecting the province from the South China Sea this summer. The tropical cyclones will lead to heavy rain or even floods, Lin said.
    To prepare for the possible disasters, all flood, drought and wind prevention command posts in the 21 cities of Guangdong are required to be on duty 24 hours a day and keep a close watch on weather changes until October 15.
    The provincial flood, drought and wind prevention center has designated 10 mayors to be in charge of preventing floods at the 10 most crucial embankments in the province.
    The center has also assigned hundreds of people to head flood prevention measures at 337 embankments in the province.
</p>
</div>
<div id="sidebar"></div>
<div id="adverts"></div>
<div id="copyright"></div>
</div>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

protossfans

中级会员

帖子: 155
体力: 311
威望: 0
当前: 四川成都
离线: 87 天

2^# 大中小发表于 2008-6-10 19:44

......

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

4WD

TOP

【美橙超级G空间】688元绑定10个子目录 | oracle工程师注册

protossfans

中级会员

帖子: 155
体力: 311
威望: 0
当前: 四川成都
离线: 87 天

3^# 大中小发表于 2008-6-10 19:44

求人帮忙解决下

4WD

TOP

请大家尊重和保护奥运知识产权。

Elking

中级会员

帖子: 160
体力: 319
威望: 0
当前: 广东广州

4^# 大中小发表于 2008-6-10 19:55

导航 li 清除浮动 - -!!

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

AdobeFans [楼主]

新手上路

帖子: 45
体力: 41
威望: 0
当前: 四川成都
离线: 1 天

5^# 大中小发表于 2008-6-10 20:08

清除了后,FF里下面那条线还是跑到导航上面去

[ 本帖最后由 AdobeFans 于 2008-6-10 20:12 编辑 ]

TOP

Elking

中级会员

帖子: 160
体力: 319
威望: 0
当前: 广东广州

6^# 大中小发表于 2008-6-10 20:20

<!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=gb2312" />
<link href="index.css" rel="stylesheet" type="text/css" />
<title>无标题文档</title>
<style>
/*页面布局ID*/
body {font-family:Arial, Helvetica, sans-serif;font-size:10px;margin-top:15px;}
* {padding:0 0;margin:0 0;}
#wrapper {margin:0 auto; width:950px;}
#banner {float:left;height:80px;width:100%;}
#mainNav {float:left;height:22px;width:100%;margin:10px 0 0 0;}
#contentwrapper {clear:both;position:relative;width:100%;}
#main {margin:0px 160px;height:480px;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;padding:10px 10px;overflow:hidden;}
#sidebar {position:absolute;top:0px;left:0px;width:150px;height:500px;}
#adverts {position:absolute;top:0px;right:0px;width:150px;height:500px;}
#copyright {width:100%;height:120px;}
/*banner*/
h1.title { font-size:5em; font-weight:bold;color:#999999;}
/*导航栏*/
ul.Nav {list-style-type:none; padding-left:0; margin-left:0;border-bottom:1px solid #CCCCCC;width:100%;}
ul.Nav li {float:left;}
ul.Nav a {border:1px #CCCCCC solid; border-bottom:none;display:block;width:100px; text-decoration:none;text-align:center;margin-right:10px;color:#333333;padding:4px;}
ul.Nav a:hover {color:#FFFFFF;background:#999999;}
/*main*/
h1.NRtitle { font-size:18px; font-weight:bold;color:#999999;}
p { font-size:12px;line-height:18px; color:#999999;}
</style>
</head>
<body>
<div id="wrapper">
<div id="banner"><h1 class="title">&nbsp;CosmoFarmer 2.0</h1></div>
<div id="mainNav">
  <ul class="Nav">
  <li><a href="#">Home</a></li>
  <li><a href="#">Features</a></li>
  <li><a href="#">Experts</a></li>
  <li><a href="#">Quiz</a></li>
  <li><a href="#">Projects</a></li>
  <li><a href="#">Horoscopes</a></li>
<br style="clear:both;display:none;" />
  </ul>
  </div>
<div id="contentwrapper">
<div id="main"><h1 class="NRtitle">Half-blind Student Grateful for Stranger's Cornea </h1><p>Ismayil Tursun, an 18-year-old high school student from the Xinjiang Uygur autonomous region, was moved when he received a stranger's cornea.
    The boy, a student at a high school in Shenzhen, Guangdong province, suffered from an eye disease that left him blind in his right eye. The Shenzhen Eye Hospital learned about his story and helped him look for a cornea.
    "My cousin, Hu Jieliang, was 20 and he fell from a high building accidentally and died. We hoped to do something for society and decided to donate his cornea," Xiao Zhiping, one of Hu's relatives, said.
    The hospital also donated 12,000 yuan ($1,700) for the operation, which took place on Friday.
</p>
<br />
<h1 class="NRtitle">Provincial Agencies on High Alert to Tackle Floods </h1><p>Flood, drought and wind prevention agencies in Guangdong province have been urged to be on high alert for floods this summer.
    "We will probably encounter a big flood this summer," Guangdong governor Huang Huahua said in a conference on flood prevention in the city of Foshan on Thursday.
    Lin Liangxun, a weather forecaster with the Guangdong weather bureau, said that the global weather phenomenon La Nina, which hit the country in August last year, is responsible for the extreme weather conditions, such as the snowstorms that struck central and southern regions in January and February.
    La Nina is a large pool of unusually cold water in the equatorial Pacific that develops every few years, affecting global weather patterns.
    The phenomenon is still affecting China and the weather this summer will be complicated, Lin said, adding it may also cause other natural disasters such as typhoons and floods.
    He forecast the flood season in Guangdong will last from this month to September. Most rainfall will be concentrated from now until June.
    Four river valleys in Guangdong - Xijiang, Beijiang, Dongjiang and Hanjiang - are likely to experience their most serious floods in five years, the provincial hydrology bureau said earlier.
    There could be five to seven tropical cyclones affecting the province from the South China Sea this summer. The tropical cyclones will lead to heavy rain or even floods, Lin said.
    To prepare for the possible disasters, all flood, drought and wind prevention command posts in the 21 cities of Guangdong are required to be on duty 24 hours a day and keep a close watch on weather changes until October 15.
    The provincial flood, drought and wind prevention center has designated 10 mayors to be in charge of preventing floods at the 10 most crucial embankments in the province.
    The center has also assigned hundreds of people to head flood prevention measures at 337 embankments in the province.
</p>
</div>
<div id="sidebar"></div>
<div id="adverts"></div>
<div id="copyright"></div>
</div>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

[ 本帖最后由 Elking 于 2008-6-10 20:41 编辑 ]

TOP

AdobeFans [楼主]

新手上路

帖子: 45
体力: 41
威望: 0
当前: 四川成都
离线: 1 天

7^# 大中小发表于 2008-6-10 20:23

<br style="clear:both;" />

兄弟在FF里确实这样变正常了
但是IE里,横线就下移一行,和导航分开了

TOP

ikele

中级会员

帖子: 198
体力: 284
威望: 0
当前: 山东济南
离线: 1 天

8^# 大中小发表于 2008-6-10 20:33

<!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=gb2312" />
<link href="index.css" rel="stylesheet" type="text/css" />
<title>无标题文档</title>
<style>
/*页面布局ID*/
body {font-family:Arial, Helvetica, sans-serif;font-size:10px;margin-top:15px;}
* {padding:0 0;margin:0 0;}
#wrapper {margin:0 auto; width:950px;}
#banner {float:left;height:80px;width:100%;}
#mainNav {float:left;height:22px;width:100%;margin:10px 0 0 0;border-bottom:1px solid #CCCCCC;}
#contentwrapper {clear:both;position:relative;width:100%;}
#main {margin:0px 160px;height:480px;border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC;padding:10px 10px;overflow:hidden;}
#sidebar {position:absolute;top:0px;left:0px;width:150px;height:500px;}
#adverts {position:absolute;top:0px;right:0px;width:150px;height:500px;}
#copyright {width:100%;height:120px;}
/*banner*/
h1.title { font-size:5em; font-weight:bold;color:#999999;}
/*导航栏*/
ul.Nav {list-style-type:none; padding-left:0; margin-left:0;width:100%;}
ul.Nav li {float:left;}
ul.Nav a {border:1px #CCCCCC solid; border-bottom:none;display:block;width:100px; text-decoration:none;text-align:center;margin-right:10px;color:#333333;padding:4px;}
ul.Nav a:hover {color:#FFFFFF;background:#999999;}
/*main*/
h1.NRtitle { font-size:18px; font-weight:bold;color:#999999;}
p { font-size:12px;line-height:18px; color:#999999;}
</style>
</head>
<body>
<div id="wrapper">
<div id="banner"><h1 class="title">&nbsp;CosmoFarmer 2.0</h1></div>
<div id="mainNav">
  <ul class="Nav">
  <li><a href="#">Home</a></li>
  <li><a href="#">Features</a></li>
  <li><a href="#">Experts</a></li>
  <li><a href="#">Quiz</a></li>
  <li><a href="#">Projects</a></li>
  <li><a href="#">Horoscopes</a></li>
  </ul>
  </div>
<div id="contentwrapper">
<div id="main"><h1 class="NRtitle">Half-blind Student Grateful for Stranger's Cornea </h1><p>Ismayil Tursun, an 18-year-old high school student from the Xinjiang Uygur autonomous region, was moved when he received a stranger's cornea.
    The boy, a student at a high school in Shenzhen, Guangdong province, suffered from an eye disease that left him blind in his right eye. The Shenzhen Eye Hospital learned about his story and helped him look for a cornea.
    "My cousin, Hu Jieliang, was 20 and he fell from a high building accidentally and died. We hoped to do something for society and decided to donate his cornea," Xiao Zhiping, one of Hu's relatives, said.
    The hospital also donated 12,000 yuan ($1,700) for the operation, which took place on Friday.
</p>
<br />
<h1 class="NRtitle">Provincial Agencies on High Alert to Tackle Floods </h1><p>Flood, drought and wind prevention agencies in Guangdong province have been urged to be on high alert for floods this summer.
    "We will probably encounter a big flood this summer," Guangdong governor Huang Huahua said in a conference on flood prevention in the city of Foshan on Thursday.
    Lin Liangxun, a weather forecaster with the Guangdong weather bureau, said that the global weather phenomenon La Nina, which hit the country in August last year, is responsible for the extreme weather conditions, such as the snowstorms that struck central and southern regions in January and February.
    La Nina is a large pool of unusually cold water in the equatorial Pacific that develops every few years, affecting global weather patterns.
    The phenomenon is still affecting China and the weather this summer will be complicated, Lin said, adding it may also cause other natural disasters such as typhoons and floods.
    He forecast the flood season in Guangdong will last from this month to September. Most rainfall will be concentrated from now until June.
    Four river valleys in Guangdong - Xijiang, Beijiang, Dongjiang and Hanjiang - are likely to experience their most serious floods in five years, the provincial hydrology bureau said earlier.
    There could be five to seven tropical cyclones affecting the province from the South China Sea this summer. The tropical cyclones will lead to heavy rain or even floods, Lin said.
    To prepare for the possible disasters, all flood, drought and wind prevention command posts in the 21 cities of Guangdong are required to be on duty 24 hours a day and keep a close watch on weather changes until October 15.
    The provincial flood, drought and wind prevention center has designated 10 mayors to be in charge of preventing floods at the 10 most crucial embankments in the province.
    The center has also assigned hundreds of people to head flood prevention measures at 337 embankments in the province.
</p>
</div>
<div id="sidebar"></div>
<div id="adverts"></div>
<div id="copyright"></div>
</div>
</div>
</body>
</html>

提示：您可以先修改部分代码再运行

把ul.Nav的border-bottom:1px solid #CCCCCC;放到#mainNav里即可

TOP

AdobeFans [楼主]

新手上路

帖子: 45
体力: 41
威望: 0
当前: 四川成都
离线: 1 天

9^# 大中小发表于 2008-6-10 20:34

谢谢这位兄弟了,大概样子基本出来了
唯一的缺陷就是IE里还有点小问题,之间会产生一个很小缝隙

TOP

ikele

中级会员

帖子: 198
体力: 284
威望: 0
当前: 山东济南
离线: 1 天

10^# 大中小发表于 2008-6-10 20:39

我用IE7 IE6看了，没发现小缝隙啊

TOP

AdobeFans [楼主]

新手上路

帖子: 45
体力: 41
威望: 0
当前: 四川成都
离线: 1 天

11^# 大中小发表于 2008-6-10 20:40

#8
谢谢
我刚才是说ELKING这位兄弟用BR来解决这个问题

另外想问下为什么我原来会出现问题呢?

[ 本帖最后由 AdobeFans 于 2008-6-10 20:47 编辑 ]

TOP