Hello, I wonder if anyone could shed any light on this problem?
My StyleMaster created web-site is at: http://ito.gn.apc.org Note: this problem does not occur in Firefox 1.07--just in IE. I have a 3 column set up with header and footer created by the Stylemaster layout editor. I also later added a Navbar. The problem is with the vertical alignment of the contents of the left and right outer columns. The left column text is right justified and the text of the right column is left justified to give a symmetrical appearance. Column padding is 2%. When viewing the page in the latest version of IE6 (the one that comes SP2), the text and images lose their uniformity of vertical alignment and padding. So on first loading any of the pages in IE6, the vertical alignment and padding seems fine until a point is reached, say halfway down the column, where the padding is lost and the text and images appear flush with the border for the rest of the column downwards. This gives a kinked appearance. If I refresh the page, the vertical alignment and padding becomes uniform and the problem disappears until I go to another page and see the same problem again in one or both of the columns. I would be grateful to know if other people experience this problem when viewing the site. The stylesheet is as follows: body { padding: 0; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.4em; font-weight: normal; margin-left: +2%; margin-right: +2%; margin-top: +0%; margin-bottom: +0%;} p.breadcrumbs {font-size: .9em; font-family: sans-serif; background-color: #d39161; border-top: solid #08d301 thin; border-bottom: solid #08d301 thin;} p.breadcrumbs a:link {color: #3659f1;} p.breadcrumbs a:visited {color: #3659f1;} p.breadcrumbs a:hover {color: #43d55c;} .currentpage {color: #e9f01d;} span.separator {color: #c91ad3; font-size: .9em;} .bold {font-weight: bold} h1 {font-family: Verdana, Helvetica, Arial, sans-serif ; color: #009966; font-size: 140%; font-weight: bold; font-style: normal; font-family: Verdana, Helvetica, Arial, sans-serif;} h2 {font-family: Verdana, Helvetica, Arial, sans-serif; color: #009966; font-size: 130%; font-weight: bold; font-style: normal;} h3 {color: #6a4723; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 120%; font-weight: bold; font-style: normal;} h4 {color: #000000; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 110%; font-weight: bold; font-style: normal;} h5 {color: #000000; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 105%; font-weight: bolder; font-style: normal;} h6 {color: #000000; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 100%; font-weight: bold; font-style: normal;} img {border: 4px #c58240 solid;} a:link {color: #0000ff; text-decoration: underline;} a:visited {color: #000080; text-decoration: underline;} a:hover {color: #e87d3b; text-decoration: underline;} div#navbar {font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 180%; font-weight: bold; text-align: center; background-color: #F0F0D6; font-weight: bold; padding: 10px; text-decoration: none; margin: +20px; border: #61bb11 solid;} #navbar ul li a:link {color: #6a4723; display: inline; text-decoration: none;} #navbar ul li a:visited {color: #d58543; display: inline; text-decoration: none;} #navbar ul li a:hover {color: #27cb5d; display: inline; text-decoration: none;} #navbar a.current {border-right: none ; text-decoration: none;} #navbar ul li {margin: 0px; padding: 20px; list-style-type: none; display: inline; text-decoration: none;} #navbar ul {margin: 0px; padding: 0px;} div#header {padding: 2%; text-align: center; background-color: #e0ffe7; color: #000000; margin-bottom: 20px; border: #61bb11 solid} div#footer {padding: 2%; text-align: center; clear: both; background-color: #ffffff; color: #fffaf0; border: #61bb11 none;} div#maincontent {padding: 2%; text-align: left; margin-right: 22%; margin-left: 22%; background-color: #ffffff; margin-bottom: 0px; margin-top: 0px; } div#leftcolumn {padding: 2%; float: left; text-align: right; background-color: #F0F0D6; width: 17%; cursor: auto; border: #61bb11 solid; } div#rightcolumn {padding: 2%; float: right; text-align: left; background-color: #F0F0D6; width: 17%; cursor: auto; border: #61bb11 solid; } ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
