WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Visual problem for my blog (41 posts)

  1. blogatorul
    Member
    Posted 4 years ago #

    I have a blog using viewport theme ( http://labs.paulicio.us/viewport/ ). As you can see in the header there is a menu bar with pages. On my blog ive added something in the header and now my blog doesnt show that menu in IE6, IE7. I understand to have problems in IE6, but IE7 is important. With other words, when i added that new thing in the header, the toolbar menu had gone under the content panel and in IE doesn`t show. In Firefox everything is ok and it shows perfect.. My link is http://www.kiano.ro. Please help. See the diferences in firefox and ie.

  2. alism
    Member
    Posted 4 years ago #

  3. blogatorul
    Member
    Posted 4 years ago #

    So what if it`s a duplicate? This is a help forum. Nobody is helping me. So what can i do? Wait one year so that first post to be deleted and after that retry to get some help. Try to help me please...

  4. alism
    Member
    Posted 4 years ago #

    Spamming the forum isn't going to make anyone want to help you at all.

    Someone will try to help in one thread, only to find that someone else has already answered the same question in another. That's just wasting people's time and it's pretty annoying imo.

  5. blogatorul
    Member
    Posted 4 years ago #

    So, will you help me or not? I am in need for help, i have busted all day long to solve this problem. I make money throw that website. Do you understand that? Help me and stop harasing me...

  6. iridiax
    Member
    Posted 4 years ago #

    IE css issues are really not a WordPress problem, but my advice would be to:

    Validate your code:

    http://validator.w3.org/

    Use Firebug with Firefox to debug your css:

    http://addons.mozilla.org/en-US/firefox/addon/1843

    And if these aren't enough, try a different theme or hire someone to fix your current one.

  7. blogatorul, read the answers here: http://wordpress.org/support/topic/327658?replies=6, stick with one thread and don't "harass" the people who are trying to help.

  8. blogatorul
    Member
    Posted 4 years ago #

    song, it is not the same thing here. This are 2 different problems.

  9. esmi
    Forum Moderator
    Posted 4 years ago #

    It looks fine to me using IE7 in the IE Tester.

  10. blogatorul
    Member
    Posted 4 years ago #

    But i have ie7 on my pc and it doesn`t look fine. :(

  11. blogatorul
    Member
    Posted 4 years ago #

    help me please! someone!

  12. esmi
    Forum Moderator
    Posted 4 years ago #

  13. blogatorul
    Member
    Posted 4 years ago #

    @esmi, thank you for your help. I've read it but i don`t entirely understand. What do i have to do? Be more precisly please...

  14. blogatorul
    Member
    Posted 4 years ago #

    @esmi ... and how can i edit a .css. What do i need? A particular program or can i do it notepad on another .css and rename it after?

  15. blogatorul
    Member
    Posted 4 years ago #

    This is what i have done. I have opened in my pc style.css from my theme with notepad, delete all the content and copy/paste <!--[if IE]>
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/ie.css" media="screen" type="text/css" />
    <![endif]--> from the website you gaved me and save it with name ie.css. I have upload it and after that i have put <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/ie.css" media="screen" type="text/css" />
    <![endif]--> immediately after <link rel="stylesheet" href="http://www.kiano.ro/wp-content/themes/viewport/style.css" type="text/css" media="screen" />.

    Nothing is changed. Still having problems.

  16. Rev. Voodoo
    Volunteer Moderator
    Posted 4 years ago #

    those lines of code are not going to go into a css file if I'm not mistaken.

    Those lines of code go into your header to tell browsers which version of your css to look for, you then have to actually set up your browser specific css files

  17. blogatorul
    Member
    Posted 4 years ago #

    @RVoodoo, long time no see ... anyway, i`ve put them in my header. and still no result

  18. Rev. Voodoo
    Volunteer Moderator
    Posted 4 years ago #

    ok, you've put those in your header...now have you actually made the css?

    You are telling browsers to use style.css or ie.css, so you have to have both those files made and properly styled.... (this is a bit outta my area of experience)

  19. blogatorul
    Member
    Posted 4 years ago #

    well, @esmi gaved me a link ... from that link results the following: to make a new .css called ie.css with this content:

    <!--[if IE]>
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/ie.css" media="screen" type="text/css" />
    <![endif]--> (if i want for all ie).

    I have made this new .css with this content and upload it in my theme directory.

    After that i have put

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/ie7.css" media="screen" type="text/css" />
    <![endif]-->

    in my header just like in the link.

    No results. Maybe the solution from that link @esmi gaved me is not right for my problem. I don`t know. Nobody here gaves the right attention to my problem to try to help me. I am looking for an answer for days know.

  20. esmi
    Forum Moderator
    Posted 4 years ago #

    You have to put new CSS into ie.css. Specifically, you need to re-define the CSS for your header and menu bar.

  21. blogatorul
    Member
    Posted 4 years ago #

    but i don`t know how to do that @esmi. Maybe is simple for you, but i do not know anything about it. You have to guide me throw the steps, take a look in my website, take a look in my source and try to help me with pure examples.

    I don`t understand something. In ie i have this problem only in the home page (index page). In all other pages the menu bar shows corectly. How come? Isnt the same header, or what? For both index.php and page.php is the same get_header from the header.php. And still, i have this problems.

    P.S.: In Google Chrome sometimes the CONTACT page disapears from the menu bar and only letter c remains.:). Not in all pages. Only in some pages.

  22. Rev. Voodoo
    Volunteer Moderator
    Posted 4 years ago #

    i just read that link...it doesn't say anything about putting those conditional statements in your ie.css file.

    it says to put the conditional statements for each browser in your header, then upload a stylesheet. You have to make the stylesheet....

    The if/endif statements only go in your header..... and your if/endif statements are pointing to css documents you need to create

  23. blogatorul
    Member
    Posted 4 years ago #

    so the content of that link isn`t properly made. It is not understandable. No? I will try it again RVoodoo. So, i make a stylesheet named ie.css with the following content and upload it:

    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/ie.css" media="screen" type="text/css" />.

    Then, in my header i have to put after:

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css"

    the following lines:

    <!--[if IE]>
    <link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/ie.css" media="screen" type="text/css" />
    <![endif]-->

    Is it corect?

  24. blogatorul
    Member
    Posted 4 years ago #

    Ohh, know i understand. In the link tells me what to do with the stylesheet that i have to create but nothing about the content? So, i have to make a stylesheet with my own problems in the content? In fact, the content has to be with the corect lines so that the header to look ok?

  25. esmi
    Forum Moderator
    Posted 4 years ago #

    The content of the new stylesheet depends completely upon what "bits" of the site you need to fix. So it wasn't possible to advise on what the new sheet should contain.

    So, i have to make a stylesheet with my own problems in the content?

    Yes. Copy the relevant blocks from style.css to the new sheet (e.g. anything relating to your header and menu bar). Then set every margin & padding to 0 (zero) in the new sheet. You may need to adjust widths and/or heights of some elements. If you're using absolute or relative positioning in style.css, you may need to change the actual positioning values and/or the z-index.

    It's all down to experimenting and tweaking to find what works with your design in IE7. No one can provide you with any steps to follow other than general suggestions.

  26. blogatorul
    Member
    Posted 4 years ago #

    aha.. now i understand more clearly. i wil try it esmi

    second problem: as i told before, in google chrome the page CONTACT from the menu bar disapears in some pages and only the letter C remains from CONTACT. How can i fix that?

  27. blogatorul
    Member
    Posted 4 years ago #

    Now i`ve seen something...

    @esmi, your last post was great. Thank you... I managed to upper the menu bar throw header and now i can see it. But the problem wasn`t from the header in ie. In ie not the header is going down, but the content, the panel with the photo has gone up. See the link: http://www.kiano.ro ... see the index and then push a page to see the differences. So i have to make some changes for the content. Is it the same deal? A new stylesheet with new lines? And what should i look for in the old stylesheet to put in the new stylesheet?

  28. esmi
    Forum Moderator
    Posted 4 years ago #

    It's the same general process as before except you already have the IE7 specific stylesheet (ie7.css) so you don't need to create yet another sheet. Simply add the classes for your content to the existing IE sheet and, again, tweak them until it looks right.

  29. blogatorul
    Member
    Posted 4 years ago #

    Thanks to you all, i fixed this problem. Now it looks ok after tweaking them out. This is what i call a help. Thank you esmi.

    Now, as i was saying before, the problem in ie was only on the index. In the pages or posts, everything was looking allright. Now, after i have fixed the problem by increasing the px for margin-top, the index looks ok and the panel is where it should be. But in posts and pages, because there was alright from the begining, now, after the fixes, the panel is way down cause of the incrased margin-top. How can i make this modifications/fixes only for the index and not to the whole website?

  30. esmi
    Forum Moderator
    Posted 4 years ago #

    Assuming you're using WP 2.8, try amending header.php and change <body> to <body <?php body_class(); ?>>. That should give you a unique .home body class on your index page. You can then preface every class in your IE sheet with .home which should then cause the CSS to be only implemented on your home page.

    (Full list of body classes: http://quirm.net/2009/08/07/changing-headers-with-wordpress-body_class/)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.