Sign in to follow this  
Genjix

Unity [web] Internet Explorer Sickness

Recommended Posts

so I made these websites happy at not including anything that might upset internet explorer. since I'm not immediately at a machine with ie (I have never got wine to work with it ), i was extra careful. working natively with konqueror i test them out on firefox... beautifal. internet explorer... wtf? why has it put borders on some menu items when I specified no borders and done other weirdnesses? i've inlined the css and such and am not bothered with fixed not working on the plant one, but has anyone got any fixes for any of the other items?

Share this post


Link to post
Share on other sites
In your CSS, sometimes you fill in just two out of four settings like with padding, you have two values instead of four, which MIGHT cause abnormalities. It shouldn't be the solution though.

Okay, I was able to fix your menu by doing the following:

#links a
{
display: block;
text-align: center;
font: bold 1em sans-serif;
padding: 5px 10px 0px 0px;
margin: 0px 0px 0px 2px;
text-decoration: none;

border: none;

color: #ddddff;
}
#links a:hover
{
border: none;

color: #000000;
background-color: #dddddd;
}



This gives you a nice border

/* electric-blue - #005fa9 */
#content
{
position: absolute;
top: 80px;
left: 150px;
right: 10px;

color: #222222;
font: 13px Verdana, sans-serif;
padding: 10px;
border: 1px dashed #000000;
background-color: #eeeeee;
}



In general, there's *A LOT* wrong with your CSS. I suggest that you copy the syntax from other websites, because you make a lot of fatal mistakes (like what I mentioned at the beginning of this post).

Goodluck!

Share this post


Link to post
Share on other sites
thanks! they are nearly ie compliant :)

how about on the plant one. there seems to be striking resembelances between koqueror (and hence safari) and firefox's renderer as although fonts, colors .etc are different, object placement seems to be exact clones.
well

#menu li
{
display: block;
margin-left: -30px;
padding: 4px;
}


adjusts it nicely on firefox and konqueror, whereas in ie it renders it offscreen (0px is what makes it render nicely).

is there any way to sort this out (javascript - how?).

thanks for much for helping me :)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this