Visual problem for my blog

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

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)

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.

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

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.

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

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?

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?

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.

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?

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: https://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?

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.

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?

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: https://quirm.net/2009/08/07/changing-headers-with-wordpress-body_class/)

so let me get this right.

I open header.php with my editor. change <body> with <body <?php body_class(); ?>> and after that i go to ie sheet and preface with .home like this for example:

old:
#mid {
width: 100%;
padding-bottom: 10px;
margin-top: 53px;
new:
.home #mid {
width: 100%;
padding-bottom: 10px;
margin-top: 53px;
Is it corect?

Wont this efect other browsers?