...

View Full Version : RESOLVED Cells Out Of Place In Table



jihanemo
08-31-2010, 12:11 AM
I can't figure out why the class "contentshop" cells (4 of them) in the table withinin the "content" div are dropped down halfway...

Here's the page (http://www.creativemilldesigns.com/turmoilshop.html).

What's wrong?

Lerura
08-31-2010, 12:39 AM
table {

width: 100%;
height: 100%;
padding: 0;
margin: 0;

}


tr {

width: 100%;
height: 100%;
padding: 0;
margin: 0;

}


td {

width: 100%;
height: 100%;
padding: 0;
margin: 0;

}



should be:


table {

width: 100%;

}

td {

padding: 0;

}

table { height:100% } causes the table to extend to the bottom of the browser area, causing the td's to be at the same height (- border and space between the cells)
A td is always, unless other is specified, centering it content vertically.

If you temporary adds border="1" to the tables opening tag
<table border="1">
you can see what area the table and it's cells covers

jihanemo
08-31-2010, 02:50 AM
Excellent. Got it! Thank you.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum