IE Smaller Text Size

[krookeddave]

Hi,
I ran across a strange problem with a layout I am working on and could not find any other posts to help me out. When I view my page in IE 6 and change the text size of the browser to "smaller", all of the text in the left and right columns gets pushed down alomst off of the screen. Any suggestions?

http://www.wakeboarder.com/nindex2.phtml

[trinity0159]

You need to create a class for the text and set a specific font size.

[dikspence]

Hello,

The problem that you are having is that the content in the left and right columns is to wide for the containing block. This can be fixed by increasing the size of the left and right columns from 13ems to 15ems.

#outerColumnContainer
{
	border-left: solid 15em #fff;
	border-right: solid 15em #fff;
}

...

#leftColumn
{
	float: left;
	margin: 0 1px 0 -15em;
	width: 15em;
	z-index: 4;
}
#rightColumn
{
	float: right;
	width: 15em;
	margin: 0 -15em 0 1px;
	z-index: 2;
}

Hope this helps.