开发者

Push gradient image to bottom

开发者 https://www.devze.com 2023-02-04 05:31 出处:网络
On t开发者_JS百科his page in the left column(header titled, \"Service, Repair, About\") I have a image(white box with green/yellowish gradient) valigned to the bottom.Yet is not being pushed all the w

On t开发者_JS百科his page in the left column(header titled, "Service, Repair, About") I have a image(white box with green/yellowish gradient) valigned to the bottom. Yet is not being pushed all the way to the bottom leaving about 100px in height of white space.

Any tips/suggestion to eliminate that white space?


Follow all of these steps:

  • For #template-content-leftAREA:
    • Remove display: block
    • Remove float: left
    • Remove padding-top: 37px
    • Change valign="bottom" to valign="top"
    • Add background: url(/images/gradient-box.jpg) repeat-x
  • For .template-leftcontent-bg inside the #template-content-leftAREA:
    • Remove background: url(/images/gradient-box.jpg) repeat-x
    • Add padding-top: 37px

Following that in Firebug removed the whitespace for me.

0

精彩评论

暂无评论...
验证码 换一张
取 消