HTML general layout issue

The banner is where i want it to be although the boxes which are using jquery masonry are overlapping it, what have i done wrong here?... html
and the css body { width:900px; height:100%; margin:0 auto; background-image: url(images/gridbg.png); } #banner { position: absolute; left: 0; right: 0; top: 0px; } #container > div { margin: 5px; } .box1 { width:350px; height:250px; } .box2 { width:150px; height:150px; } .box3 { width:150px; height:350px; } #imagetrans { position:relative; margin:0 auto; } #imagetrans img.top:hover, #container > div img.top:hover { opacity:0; } #imagetrans img, #container > div img { position:absolute; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } Any ideas? cause i can easily place the banner at the bottom by changing the coding from top to bottom, although i would prefer it if i could have it at the top of the screen, not quite sure whats wrong... ![enter image description here][1] [1]: http://i.stack.imgur.com/Ubkdh.png
where in the html file do you include your css file?

以上就是HTML general layout issue的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » jQuery 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏