Since the beginning of the year, I’ve been learning how to make a web site using only XHTML Strict and CSS (no tables); and I need some help putting on the finishing touches.
If you look at the very bottom of my web site you will notice that there’s an extra 10 pixels between the bottom columns and the bottom of the container. I only want there to be 10 pixels between the between the bottom columns and the bottom of the container. So that it’s matches the spacing with the rest of the site.
The bigger issue that I am having is with the rounded corners not displaying in IE6, IE7, and IE8. I know that IE6, IE7, and IE8 don’t support CSS3. that’s why I am using curved corners. However, for some odd reason, the columns won’t display with rounded corners. I dont’ want to use images, that’s obsolete.
Also, the reason why I am calling the jquery.min.js twice is because I am using it once for the drop-down menu to work on the iPad, and the second time is for the rotating image banner. If there’s a way how to only call the jquery.min.js framework once, then so much better.
My site can be found here.
When I go to validate my web site, I do get some errors, but that’s just because the free web hosting service that I am using injects some code at the end of web site. I am not using this free web hosting service for my live site. This is just for testing purposes.
Thanks in advance!