[css-d] Table widths not the same with image in td
http://newgeo.com/web/css/wide.html Top table, has an image in it 728px wide, with a 3px border Bottom table is the same spec, but no image, yet it is narrower. This seems to happen in Safari and FF on the mac, I can not test other browsers. How can I make the bottom table match up to the top one? -- - Scott HanedaTel: 415.898.2602 http://www.newgeo.com Novato, CA U.S.A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Table widths not the same with image in td
Scott Haneda wrote: http://newgeo.com/web/css/wide.html Top table, has an image in it 728px wide, with a 3px border Bottom table is the same spec, but no image, yet it is narrower. This seems to happen in Safari and FF on the mac, I can not test other browsers. How can I make the bottom table match up to the top one? Scott, you either need to make the image narrower by 6 pixels (the 3px border left and right take the cell beyond the 728 width allowed) or make the table wider by 6 pixels. All block-level elements also have the properties width and height. The margins, borders and padding you add to each element are then added on to these dimensions. [1] This all begs the question: why are you using tables anyway? http://www.yourhtmlsource.com/stylesheets/cssspacing.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Table widths not the same with image in td
At 04:21 PM 3/7/2006, Scott Haneda wrote: http://newgeo.com/web/css/wide.html Top table, has an image in it 728px wide, with a 3px border You have declared the table width at 728px and the contained image width at 728px in inline declarations. Because the image width is declared in the markup, the browser is treating it as an intrinsic width. The browser is therefore expanding the table beyond its declared width to accommodate the intrinsic content width plus the border. Declare the image width to be 722px, and it should line up. HTH, -Adam Kuehn __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/