网站项目中遇到的问题

要在各个不同的浏览器中实现页面的一个div有最小高度,并且高度随着网页内容的高度来变化,总结出一个很笨的方法。那就是用一个div与你想要设置的div并排放,用float来实现。然后如果你不想再第一个div中放入内容的话,可以把这个div的宽度设置为0,高度设置为你想让第二个div保证的最小高度。这样就实现了最小高度。《这里要解释的是里面的div对外面的div是可以撑开的》,然后我们设置第二个div的高度为auto就可以了。这样我们第二个div在我们肉眼看来就实现了有最小高度并且可以自适应高度。不过这是一个很笨的方法。不过在ie7中就不需要这样做。即使你把第二个div的高度固定,它也会随着内容的增高,整个页面也会很好的变化,但是ie8反而不行,很郁闷的事情。。。。(3.23)
再就是下拉菜单对页面造成的影响。这个问题也是困扰了我很长时间。刚开始的时候,是下拉菜单,当鼠标移到链接上面去的时候下拉菜单放下来,但是页面也随着往下移,非常不爽,后来我知道了,原来是我没有把菜单的div固定。其次一个很普遍遇到的问题就是,我们的菜单在下拉的过程中有可能你下面的页面会遮住这个下拉鼠标,这时候我们只需要设置一下这个菜单的属性z-index,只要他的z-index大于下面div的z-index值,我们即可实现菜单覆盖页面而不是页面覆盖菜单。还有就是在下拉菜单往下拉的过程中,我们的鼠标不能移到次级菜单中去,这时候的原因可能是padding的值影响了。
再就是母版页中的contentplaceholder这个容器,可能老手不会遇到上面麻烦,倒是新手的问题多又多。首先我们知道每个页面的高度可能不一样,这就要求我们的contentplaceholder的高度是自适应高度的,于是乎height:auto。另外为了美观,我们尽量的让placeholder的宽度固定,并且跟与它并排的所有div充满整个页面的宽度。当然要实现自适应高度,在ie8中相对要麻烦,我们还需要把他们的body和form的高度都设置为auto的样式。
posted @ 2010-03-23 21:19  luck_net  阅读(1800)  评论(2编辑  收藏  举报