You got code errors in your menu: [Invalid]Markup Validation of dariuszczepiel.pl blog – W3C Markup Validator. Scroll down in the validation report to see line numbers and source code.
I don’t really understand those errors.
According to the ocde the nav menu is between lines 90-171 (more less). The only error it displayed between those lines is
Line 143, Column 102: there is no attribute “target”
…Fotografia ślubna Rafała Głębowskiego” target=”_blank”>Rafał Głębowski
target=”_blank” tells it to open in new window. Not sure what’s wrong with it (especially that the other 3 links were not reported and have the same attribute).
All other errors are not related to the navigation menu but to the post area – can you help me identify the problematic code if you know what’s wrong ?
First thing to do with display problems is to fix as many validation errors as possible before looking at the CSS for qtranslate, like floating your menu more to the left. Did you add the translation code yourself or is it a part of the theme? Even though the errors are in post content and below, yoiu’ve got missing closing tags and other errors that will cascade. Scroll down in the validation report to see line numbers and source code to determine if the errors are in your post centent or in theme files.
I added the translation myself. And I checked a few of those closing tags missing – they are all there and looked like the report was wrong (if it can be wrong…)
Now, to add something to the IE vs Firefox problem I just notice the following code in my source while browsing in IE:
<!-- Styles -->
<!--[if IE]><link rel="stylesheet" href="http://dariuszczepiel.pl/blog/wp-content/themes/modularity-lite/library/styles/ie.css" type="text/css" media="screen, projection" /><![endif]-->
<!--[if lte IE 7]><link type="text/css" href="http://dariuszczepiel.pl/blog/wp-content/themes/modularity-lite/library/styles/ie-nav.css" rel="stylesheet" media="all" /><![endif]-->
I checked those files, they look like this:
ie.css
/* ie.css */
body {text-align:center;}
.container {text-align:left;}
* html .column {overflow-x:hidden;}
* html legend {margin:-18px -8px 16px 0;padding:0;}
ol {margin-left:2em;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
html>body p code {*white-space:normal;}
hr {margin:-8px auto 11px;}
ie-nav.css
#nav ul li.enhanced a.arrow { float: none; }
Would any of you help me understand/fix those files so that the menu in IE displays exactly like in Firefox?
