Hi. I have a website that has a fixed page size and displays perfectly in IE; however, the right hand side is off in Firefox. Any overflow text utilizes a scrollbar - the scroll bar is perfect in IE but is the wrong color and the placement is off in Firefox. It actually looks like the body text table has moved over a few pixels because the background images (there's a gray border on that side) are off also.
I know Firefox doesn't support some scroll bar options...but I'm really not even that concerned with the color at this point. I just don't like that the pages look off because the scrollbar is outside the boundary and there are gaps in the border line.
Any advice on how to have the scrollbar/border aligned where they should be?
You can use this page as an example to check it out:
http://www.ardl.com/Public/Products/polydata.htmlThe coding used for that body section is as follows:
CODE
<table width="519" border="0" cellspacing="0" cellpadding="0" style="overflow:visible; height:350px; padding-right: 20px; width:519px">
<tr>
<td class="BodyText" width="549" height="39" valign="top" style="padding-left:6; padding-top: 10px">
<div id="scroll" class="BodyText" style="height:330px; padding-right: 20px; width:511px">
<!-- TemplateBeginEditable name="Body Text" -->
Content for body text
<!-- TemplateEndEditable -->
</div>
</td>
</tr>
</table>
Thank you in advace for you help!
This post has been edited by staci: 1 May, 2008 - 11:25 AM
1 May, 2008 - 09:18 AM
| 