菜单问题,在没有点击浏览器窗口的缩小按钮时

在点击了浏览器窗口的缩小按钮时,菜单就到50洲的logo下面去了,这样多不美观呀。

  这里我犯了一个错,我设置header里面的内容时,给logo的div设置了一个属性:margin-left:400px,这样当整个浏览器窗口缩小时,logo还是离左边的外边距有400px,而它后边却仅剩三四百px,不能够放置页面导航了,导航就滑到下面来了。

后来,我想,就设置成margin-left:35%吧,而等我把代码写好后终于在这个菜单即使是浏览器窗口变小也不会滑下去了,在我和j同事的机子上看显示正常时,可是在同事的电脑上看时(他得显示器的尺寸很大),页面在ie6又是这样的视觉效果了,然而在ff下显示又和在ie5下显示不一样,在ii6下:

。。

最后效果:

  

  
菜单定义为居中,如果是<header><logo></logo><menu>< /menu</header>,header设有背景,那么,还得<header><div(设居中)<div(设 居中)<logo></logo><menu></menu></div>< /div></header>等

a元素的位置是相对于b元素的位置来设置的问题

把a元素放在b元素里面,设置position:absulute;lefty:xp;top:ypx;

posted on 2011-09-19 17:53  兰悦儿  阅读(255)  评论(2编辑  收藏  举报