IE vs Firefox look (6 posts)

  1. dczepiel
    Posted 5 years ago #

    I want to run a photography blog at http://dariuszczepiel.pl/blog
    When I finally fixed the way the qTranslate2 language chooser are displayed in Firefox it turned out the Internet Explorer displays it totally different.

    What firefox shows (and this is what I want for all browsers) the nav menu is in one line, slightly below the title logo, floating to the right with the flags positioned right next to it in more less the same line (on the very right).

    In Firefox, the nav menu is no floating right below the logo, but is wrapped in 2 lines, placed to the right o fthe title logo which makes the flags appear in a totally different place.

    What can I do to force IE display the nav menu just like in Firefox ?

  2. 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.

  3. dczepiel
    Posted 5 years ago #

    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 ?

  4. 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.

  5. dczepiel
    Posted 5 years ago #

    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 */
    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;}

    #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?

  6. dczepiel
    Posted 5 years ago #

    anyone please ?

Topic Closed

This topic has been closed to new replies.

About this Topic