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, #container > div { 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]:
where in the html file do you include your css file?

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

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

评论 抢沙发

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

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