Cell size decreases in browser when border is added?

So i add
style="border:1px solid #FFFF00;
to my cell and its size shrinks in the browser on this page
www.techagesite.com/new_page_9.htm
Any ideas?

 

You're using HTML tables and i would strongly suggest you scrap the lot and start again using CSS styling. I can help you get started if you'd like. Just send me a PM.

 

Table elements widths use the border-box model, so yeah, if you add a border it subtracts from a cell's available width.

 

Id prefer to keep things simple for the time being.
Yeah but wouldnt that just subtract the 1px size that the border is?
Off the top of my head its decreased width about 30px
is there a way around it?

 

I don't see, or at least don't realize which cell you're talking about. Please be specific.

 

Sorry the right sidebar with a red border

 

I've turned the border off and on and off again, and have no more than the expected 2px change in the content area's width. I have checked in FF and IE.

I've seen your comments regarding thinking it's OK to use whichever method of coding you prefer, but your use of tables, especially for what is a trivially simple layout is silly. Its overly dense markup, and inlined style rules make it a maintenance nightmare.

You would be doing yourself a favor were you to take the leap into well structured and semantic markup with a separation of structure and presentation.

cheers,

gary

 

it seemed to fix itself, no idea
yeah i know but im used to tables