CODEWITHSUNDEEP
htmlcssgradient
chaser7016
chaser7016

Reputation: 595

Push gradient image to bottom

On this 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?

Upvotes: 0

Views: 262

Answers (1)

thirtydot
thirtydot

Reputation: 228162

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.

Upvotes: 2

Related Questions