right menu is missing with IE

First, you should look to correct all style sheet errors:
https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fmireldar.elvenbook.com%2Fwp-content%2Fthemes%2FCarrots%2Fstyle.css&usermedium=all

What is the “html” in the tag for? Try removing that. Keep a backup copy.

Now the CSS is correct, but the problem remains :-/

I’m not a CSS wiz, but the following looks odd to me:

#menu {
width: 160px;
margin-left: -160px;
float: left;
text-align: left;
background: transparent;
}

that’s not odd for the validator ??
I’m not a pro but I don’t think it’s the reason why the menu is missing ??

Valid syntactically and valid logically are 2 separate things ??

If I remove the margin-left: -160px; line, it’s all there, just underneath the posts. It’s actually there with the -160px line but “off the page”.

Try the following for your #menu in style.css:

#menu {
background: transparent;
/* padding: 20px 0 10px 20px; */
position: absolute;
right: 0px;
top: 0;
width: 160px;
margin-left: -160px;
float: left;
text-align: left;
}

lolll
if I remove this line, the menu is missing in BOTH Explorer AND Fiirefox LOLL

it’s the same CSS that I used before upgrading to 1.5, and everything worked fine with IE and Firefox….

I’ve spent the day trying to solve this CSS issue and my comments problems, I’m completely lost :-/

*go for a drink*

Did you replace your #menu with the one above? Does it still not show up on the right of the page?

oops!
I’ve missed your following post :p

well, I replaced it but with Firefox, the menu is far at the right of the screen (outside the blog lol) and I’ve got a scrolling bar at the bottom, and still nothing with IE.

:'(

still no solution ??
I’m keeping searching and trying things but it’s driving me maaaaaad !

??

I’ll post more when I get back:

Problem: The first title at the top of #menu is somehow a whopping 380px wide.
This forces the menu down in IE and to the left.

The h2 tag in menu needs defining.

h2 {
width: 380px; <—————-??????
font-size: .9em;
margin: 0;
padding-top: 8px;
}

Make that 380 into 38, then test in IE.
Does it make it better ?

wow !
it works perfectly !
thanks a million for your help !
:))))))

*sigh of relief*

just one more thing : there is no more difference between categories and sub-categories, don’t know why, do you think there’s a way to see the difference again, in the category list ?
Just a detail, but I was just wondering…

thanks again ! ??

That is a CSS issue.
You have nothing there to tell the browser how to display them so it uses whatever is closest.
This is from the Classic/style.css:

#menu ul ul ul.children {
font-size: 142%;
padding-left: 4px;
}

That’s sort of what you need, though it may need altering slightly once you get the basics right.

I’ve added it to my CSS, and makes no difference, I’m a complete newbie with CSS and have no idea how to modify it to fit my CSS.

Thanks a lot ! ??