I recently had a couple of complaints in regards to the new Website. It turns out the site looks OK in Firefox but does not seem to work very well with Internet Explorer.
I ran the W3C Validator located at http://validator.w3.org/
When executed against the site it found 11 errors. The files and fixes (highlighted in RED) are described below.
File: Header.php
Error: required attribute “type” not specified
<script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/js/addEvent.js”></script>
<script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/js/sweetTitles.js”></script>
I have also seen some other errors in Header.php, but they don´t seem to be a big problem.
Error: document type does not allow element “li” here; missing one of “ul”, “ol”, “menu”, “dir” start-tag.
Update
I finally worked out what was going on…
It was the mod_rewrite (RewriteEngine) in the .htaccess file.
I´m running WPSuperCache, so I thought this may have caused some issues.
As it turned out it was the WordPress section of the .htaccess which was causing the problems. I probably modified it at some stage…
Another Problem Found and Fixed
I have been having problems when placing graphics into a posting, where although the WYSIWYG editor shows the correct layout, the text below the image wraps around the graphic when the site is viewed.
After some looking around, I found a similar article written in relation to a different theme. As it turns out the fix for the DUST-317 Theme is the same.
Edit the DUST-317 Theme style.css located in the DUST-317 theme directory. Search for this line.
#content p img{float:left;border:none;margin-right:10px;margin-bottom:10px;}
Remove the float:left; for the above line, making it look like this.
#content p img{border:none;margin-right:10px;margin-bottom:10px;}
ThatÅ› it… now the text sits under the graphics OK.