CODEWITHSUNDEEP
htmlspacecss-tables
Gordon Lenz
Gordon Lenz

Reputation: 21

Space on top of div for unknown reason

I'm working on a website and am finally almost done. I just have one problem. The table-cell on the right side (chalkboard) has a space on the top of it and I cant figure out for the life of how to get rid of it. It was fine until I put the pictures to the left of it.

To the best of my knowledge because they are in separate div's.

Can someone please help? Thank you!

The URL is thecheesepatch.com

Upvotes: 2

Views: 62

Answers (3)

Irvin Dominin
Irvin Dominin

Reputation: 30993

The .right-container is displayed as a table-cell and no vertically alignment set.

Assign the vertical alignment to .right-container and it will works as supposed:

.right-container { 
  vertical-align: top;
}

Upvotes: 0

Dan Dinu
Dan Dinu

Reputation: 33388

try setting vertical-align:top; to the table style. and margin:0;

Upvotes: 1

Mike Robinson
Mike Robinson

Reputation: 25159

Your .right-container is set to display as a table-cell and vertically aligning to the bottom. Assign this attribute to .right-container and you're good to go:

.right-container { 
  vertical-align: top;
}

Upvotes: 2

Related Questions