I am having problems with a layout design in IE. Everything works fine in FireFox and Opera, but IE as usual is the problem child. Once it is stripped down, the layout is a basic 2 column layout with the left panel set at 210px and floated left and the right panel set with a left margin of 210 px. The two panels work just fine and line up next to each other without issue. However, in IE, the content in the right panel (not the panel itself) gets skewed. A picture is worth a thousand words, so I will start with a url. http://www.admentus.com/prototype/administration/account/suppContacts.cfm The left panel is the block with the light grey header and the words/buttons folders and search. The right panel is the block next to the left panel (duh) that has a white background. The dark grey background color of the left panel is just that, a background image. The actual div is only as tall as the content ... hence the fact that the table in the right column has dropped down below the content in the left panel. I am seeing two issues in IE that are not apparent in FireFox. In the right panel, the ul with class="ttActionBar" (the add and remove buttons) is shifted several pixels to the right. Also, the table is obviously pushed down below the content in the left panel. Both issues are directly related to the width of the left panel, not the content of the left panel. It does not matter what content I put in the left panel, the same behavior always appears (click on the search button at the top of the left panel to change the content). Notice the arrow/triangle pointing left next to the search button at the top of the left panel. Clicking on this will activate a javascript that merely changes the class name of the left panel ... from one that has a 210px width defined to another that has a 20px width defined. In doing this, both issues disappear ... hence, the tie between the left panel width and the two problems. I have been fighting with this for a couple of days now and cannot figure out what is going on. The base layout (i.e. the two column layout) appears to work fine and there are no floating issues there. The issue appears with the content in the right panel, which at least to me, seems very bizarre. Does anybody have any suggestions as to what might be happening here? Thanks -- Jeff Chastain ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
