CODEWITHSUNDEEP
csshtmlalignment
Crashalot
Crashalot

Reputation: 34513

How to stop DIV element from getting pushed down in table?

Any clue how to stop a DIV element from getting pushed down in a table?

Here's the page: http://www.panabee.com/domain-name-generator/healthy%20food

As you can see, the "Variations" DIV element in the left-hand side is pushed down unnaturally. It should be top aligned with the "Ask for help..." image, but for some reason the presence of the image pushes down the Variations" DIV element. If I replace the image with a little text, the top boxes in the two columns are again top aligned.

Any clues?

Thanks!

P.S. Feel free to offer feedback/suggestions on the site, too! Thanks all.

Upvotes: 0

Views: 4265

Answers (4)

nepenthe
nepenthe

Reputation: 1

you need to add to your css vertical-align:top; for #main_box

Upvotes: 0

Hussein
Hussein

Reputation: 42818

you need to add to your css vertical-align:top; for #main_box enter image description here

Upvotes: 2

zachallia
zachallia

Reputation: 1495

The anchor a tag in your right side bar (inside the ask_for_help div) has a vertical-align of baseline. Remove that and you will be good to go.

Upvotes: 0

Sotiris
Sotiris

Reputation: 40066

add vertical-align: top; for #main_box. Because you have the reset, the td takes vertical-align: baseline; and override the "valign=top" in html.

Upvotes: 2

Related Questions