glitches in IE...

peresz / 2010-09-30 03:52:42   

so my works site perfectly fine In FF, but when i opened it in EI, the whole menu is shifted right and the menu box is gone...whats is going on here?

peresz / 2010-09-30 18:11:47   

any ideas why this might be?

blameme / 2010-10-01 12:23:04   

Wierd, your site doesn´t even load for me in IE

lemathieu A / 2010-10-01 12:31:08   

For me (ff on mac), it dosn't work at all.

500 Internal Server Error
blameme / 2010-10-01 12:33:12   

Ahh, there it is,
Position-wise it looks the same to me in IE8 and chrome, although I would recommend you remove the overflow:auto rule from #menu as it puts a horizontal scrollbar on your menu in chrome.

As for the menu box disapearing, that´s because you´ve used RGBA to create the semi-transparency, Which IE doesn´t support.

You can either add IE Transparency filters, or use a .png with transparency an a background image.

peresz / 2010-10-01 16:28:18   

what does overflow:auto do? if i remove it will anything change when i open site in FF?
Also how would i go about adding IE transparency filter? I found an article here . should i just copy/paste that code?

blameme / 2010-10-02 21:18:33   

Overflow shouldn't do anything, but I dont have firefox so I can't check, I can't reommend Firebug enough though, it lets you try out changes like this on your actual page without affecting the code. perfect for debugging this kinda thing.
And yea you can just add the IE filters into your .css

blameme / 2010-10-02 21:20:55   

Sorry I mean removing overflow shouldn't do anything. Just google it if you wanna find what it's for.

peresz / 2010-10-03 04:58:54   

yea, im using firebug to test stuff. about the IE filter though, what part of the code do i add to style.css or should i modify the ie.css instead?

blameme / 2010-10-04 08:37:40   

Being IE specific, better off in IE.css

arsondpi / 2010-10-04 12:21:34   

...and check the ie javascript fixes in the two red link in the Useful threads post.

peresz / 2010-10-08 00:59:53   

can i get any advice on what code specifically i should copy and paste into my ie.css, i cant figure this out...

peresz / 2010-10-08 17:32:20   

any recommendation on the issue?

blameme / 2010-10-09 16:36:05   

Hey perez,

  1. #menu {
  2. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  3. filter: alpha(opacity=50);
  4. }

But be aware the IE opacity passes down to the child elements (the text in the menu)
you might be better off using a png as a background image or just default to a solid white background for IE users.

zuralo / 2010-10-19 15:41:46   

Hello there, I love you guys! Thanks for developing this program. And, thank you for taking the time to help rookies like me... I have read through your forum and got to some really old dusty corners of it too!
I have successfully installed many plugins and and altered css files, changed themes etc.
But,
while I succeed with running most things on safari/mac and also most of them on IE. The simplest of all just wont work. The font stylesheet will alter the text in IE !!! while safari shows a great result, IE will simply not show any of the styles!
Here is a link to my site: vjem
could anyone please have a look and tell me what's wrong with my ie.css or where is the problem if it is not there?
thank a bunch

blameme / 2010-10-21 12:00:43   

Hello,
< t> < t1> and < t2> are not html tags, so you can't style them.
But you can change them to classes and apply them like:
< p class="t1"> texttextetext< /p>

blameme / 2010-10-21 12:08:26   

Sorry, Actually it´s gonna be way better to style the < p> < h1> < h2> and < h3> tags how you want, and use those to apply the styles.

peresz / 2010-10-23 16:04:00   

Ok, so I added the transparency filter at the bottom of ie.css but nothing seems to work, also why is the menu shifted so much to the right in ie?

peresz / 2010-10-29 21:04:01   

advice?

arsondpi / 2010-11-02 09:25:57   

ie.css works only for ie6
Try using it in your normal stylesheet...
Also by searching the two red links in the Useful threads post you'd bump on this useful link...

Please avoid doubleposting - please read the forum rules...

janjan / 2010-11-04 20:23:37   

hallo, i have a problem with my site on IE. in FF and safari it works well but in IE the position of the images shifted to bottom. i spend the hole day to find the mistake but i don't. i'm just a rookie in css and html. something wrong with my magin?

peresz / 2010-11-06 16:29:01   

yea i also get the same problem in EA as well. my menu is shifted to the right for some reason. Im not sure what value to change to change that..
arsondpi what do you mean using it in my normal stylesheet? should i leave ie.css alone since its only for IE6? or do i modify index.php since it's set to target IE6 only:
"[if gte IE 6]>" and change the values to this:
!--[if IE]>
    link rel="stylesheet" type="text/css" href="all-ie-only.css

which i did try out but it gave me a white bar in IE and FF...

    

peresz / 2010-11-08 18:40:23   

any idea about this?

janjan / 2010-11-11 17:34:03   

suggestion - help please

janjan / 2010-11-11 17:34:05   

suggestion - help please

blameme / 2010-11-12 09:30:33   

hey janjan, i´ve seen that problem before, I think maybe adding float:left on #menu might work? no guarantees though.

janjan / 2010-11-13 15:45:45   

hello again, the problem is still there. i find out that it must be a problem with #menu - position: fixed. if i change it to position: absolute it work's fine in ie and in ff. but this command destroyed my design :(

any suggestion - help

my Webpage

janjan / 2010-11-13 15:47:09   

hello again, the problem is still there. i find out that it must be a problem with #menu - position: fixed. if i change it to position: absolute it work's fine in ie and in ff. but this command destroyed my design :(

any suggestion - help

my Webpage

janjan / 2010-11-13 15:53:59   

hello again, the problem is still there. i find out that it must be a problem with #menu - position: fixed. if i change it to position: absolute it work's fine in ie and in ff. but this command destroyed my design :(

any suggestion - help

site

peresz / 2010-11-18 06:46:48   

heres the values in my #Menu
float: left;
width: 135px;
overflow: auto;
top: 0;
bottom: 0;
position: fixed;
height: 100%;
    background-color: #fff;

any idea whats causing this?

This thread has been closed, thank you.