2011/09/19-工作日记(菜单)
2011-09-19 17:53
162 查看
菜单问题,在没有点击浏览器窗口的缩小按钮时
在点击了浏览器窗口的缩小按钮时,菜单就到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;
在点击了浏览器窗口的缩小按钮时,菜单就到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;
相关文章推荐
- 工作日记
- 2017.10.27工作日记
- 工作日记2017.10.30 MySQL的日期存储'1970-01-01 08:00:00' 问题
- 2017.11.01工作日记
- Expression Bland 入门视频(三) 菜单、项目面板及工作区介绍
- 8.5~8.9 广州软件所-实习工作日记
- 工作日记:Excel转化功能交作业了,学习了git
- 工作日记之 GitHub的使用
- 工作日记2017.07.26 一段有意思的代码,关于事务和测试
- 2017.07.26工作日记
- 2017.07.28工作日记
- 工作日记--结婚准备事项罗列
- 零度工作日记
- [工作日记]2012/09/07——兼顾各方,优先顺序。
- 工作日记 git 添加ssh后,获取远程项目
- 工作日记
- 提高工作效率(1):在右键菜单中加入DOS命令的简单快速方法
- [仿南航app开发日记3]侧滑菜单实现
- 【U3D日记-2016年9月2日】设计模式解决工作问题的一个实例
- 2017.09.21工作日记