4 replies to this topic

[sonesay]

http://sonesayi.com/si/testlayout.html
http://sonesayi.com/si/testlayout.css

I cant seem to figure out why I get spacing down the left column of this table . Any help appreciated like always

[jlhaslip]

.left { margin: 0; padding: 0; }

Not sure why the reset of margin and padding on the left hand side of the matrix works to remove the "line", but it does.

And here is a sample of the "matrix" coding for both Table elements and div elements that worked for me on another project once upon a time.

http://jlhaslip.com/matrix/

[sonesay]

Thanks for spotting that jlhaslip, Also for the example link as well. There are obviously many ways to do it and I'm not sure what is easier to create and maintain but I will stick with my version for now. It is weird that I have to explicitly apply margins and paddings to zero to my left and right columns. I would think they would be passed down from the table selector.

I did not create a document type for the page so could that be why margins and padding doesn't get inherited automatically by the child elements?

[jlhaslip]

And if you review the code for the matrix sample I posted, you notice that the Table version is a lot less code than you used.
Check it out. Your version is pretty complex. I think the biggest difference is in my use of cell spacing and cell padding for the tabled version. Not certain about that though.

[sonesay]

I had a quick look and your table version uses styles in the table tag attributes itself. The reason I wanted CSS classes is so I can reuse them else where. I will have a further look and decide on what version I will go with but at the moment I have somehow managed to mess up my site template so I am frantically trying to correct it right now.

Thank you again for your help.