Hello All -
I'm a newb, so my apologies if there have been threads relating to this matter, please feel free to direct me to them. I have researched these issues thoroughly and haven't come up with anything. The files can be found here:
http://www.smurkdesign.com/test/admin_school.html
http://www.smurkdesign.com/test/schoolicity_styles_adminPages.css
http://www.smurkdesign.com/test/home_auth.html
http://www.smurkdesign.com/test/schoolicity_styles_mainPages.css
In all 3 of these pages I have used CSS equal-height 3 columns liquid layout (http://www.codeproject.com/KB/HTML/relatively_simple.aspx) and for the rounded corner boxes I used http://www.search-this.com/2007/02/12/css-liquid-round-corners/.
Two of the issues are in IE6, one is in IE7, and everything appears as it should in FF3.
Issue 1 "admin_school.html":
This 3 column layout should have gray in the left column, behind the side tabs, and then white in the middle and most of the right column (behind the box) and a little more gray off to the right side (pretty much starting where the top tabs end). In IE6 the white of the center is bleeding over to both columns. I've tried changing the background color on every div I could think of and nothing is right. Everything validates (other than the min-height/min-width ones which are taken care of in conditional comments). I feel like this is probably a syntax error *somewhere*... I just can't find it.
Issue 2 "home_auth.html":
In IE6, in the right column, the lower right bottom corner image of the boxes either appears in the upper right instead, or not at all. This doesn't happen in the left or middle columns, or any other page, and all boxes are coded the same way. In IE7, the middle right background images disappear when you scroll. Again, this is only in the right column and only on this page.
Any help or advice that you guys can offer would be greatly appreciated!
Thanks in advance!!
PS: Before anyone asks, there is much more programming that will go into this site, I'm just handling the design and the XHTML/CSS
-Sarah
I'm a newb, so my apologies if there have been threads relating to this matter, please feel free to direct me to them. I have researched these issues thoroughly and haven't come up with anything. The files can be found here:
http://www.smurkdesign.com/test/admin_school.html
http://www.smurkdesign.com/test/schoolicity_styles_adminPages.css
http://www.smurkdesign.com/test/home_auth.html
http://www.smurkdesign.com/test/schoolicity_styles_mainPages.css
In all 3 of these pages I have used CSS equal-height 3 columns liquid layout (http://www.codeproject.com/KB/HTML/relatively_simple.aspx) and for the rounded corner boxes I used http://www.search-this.com/2007/02/12/css-liquid-round-corners/.
Two of the issues are in IE6, one is in IE7, and everything appears as it should in FF3.
Issue 1 "admin_school.html":
This 3 column layout should have gray in the left column, behind the side tabs, and then white in the middle and most of the right column (behind the box) and a little more gray off to the right side (pretty much starting where the top tabs end). In IE6 the white of the center is bleeding over to both columns. I've tried changing the background color on every div I could think of and nothing is right. Everything validates (other than the min-height/min-width ones which are taken care of in conditional comments). I feel like this is probably a syntax error *somewhere*... I just can't find it.
Issue 2 "home_auth.html":
In IE6, in the right column, the lower right bottom corner image of the boxes either appears in the upper right instead, or not at all. This doesn't happen in the left or middle columns, or any other page, and all boxes are coded the same way. In IE7, the middle right background images disappear when you scroll. Again, this is only in the right column and only on this page.
Any help or advice that you guys can offer would be greatly appreciated!
Thanks in advance!!
PS: Before anyone asks, there is much more programming that will go into this site, I'm just handling the design and the XHTML/CSS
-Sarah