snailface
December 28th, 2005, 01:31 PM
I'm working on CSS-ifying a table layout, and have come across an odd "bug" in IE.
I've attached some sample code and CSS to demonstrate, but the basic issue is this.
I have a three column liquid layout. In the center/main column, I need to have a module with its height specified to be 175px, and its width 100% of its available space.
Simple right... Well for some reason in IE6 on my machine, when I specify the height of the div in the CSS, the div's width is shortened by 3 pixels on both the left and right sides.
I've attached some code. #brandDiv is the div in question. It should be as wide as the blue bar below it, but it isn't.
Anyone have any suggestions?
I've attached some sample code and CSS to demonstrate, but the basic issue is this.
I have a three column liquid layout. In the center/main column, I need to have a module with its height specified to be 175px, and its width 100% of its available space.
Simple right... Well for some reason in IE6 on my machine, when I specify the height of the div in the CSS, the div's width is shortened by 3 pixels on both the left and right sides.
I've attached some code. #brandDiv is the div in question. It should be as wide as the blue bar below it, but it isn't.
Anyone have any suggestions?