Jump to content
xisto Community
Sign in to follow this  
moonwitch1405241479

Tossing A Few Questions Towards You about CSS ;)

Recommended Posts

Well, I am a big fan of CSS, especially how you can create beautiful effects with it, without the use of JavaScript, which is turned off by a lot of surfers because of security holes. (From what I heard :)) Now my leading example is Eric Meyers and Eric Costello.

 

Eric Meyers' css/edge pages Check with any browser but IE

Eric Costello's glish

 

Now when you look at MeyerWeb, you'll notice some really nice effects (if you checked it with a NON IE browser. I would love to reproduce something similar, but am absolutely stunned that IE doesn't display this correctly.

 

Yes, I hear you say "use the IE hacks", but here's my issue...

 

Exploit an IE5x PC CSS parsing bug -- RECOMMENDED

This hack allows us to prematurely close a style rule in IE5x PC because of a bug in its CSS parsing code. Here, let me just show you:

 

#myDIV

    border:10px solid black;

width:200px;

voice-family: "\"}\"";

voice-family: inherit;

width:180px;

}

html>body #myDIV {

width:180px;

}

 

I weary of writing all this, and I have work to do (poor me) so I am going to point you to Tantek Celik's explanation of how this works. Tantek Celik is the mind behind much of IE5 Mac, a contributor to both CCS2 and CSS3, and also the architect of this workaround, so let's let him explain.

Quote taken from http://forums.xisto.com/no_longer_exists/hacks.asp

 

What about pre-IE5? I have friends with Win98Se... how about them? Because I don't think they have IE5 (or does Win98Se have that??)

 

Any suggestions? Comments? Anything? LOL Maybe I just needed to vent about that annoying IE CSS thing :) Why doesn't M$ incorporate correct handlings for ALL CSS, like other Browsers do? I am quite sure that most Linux and Mac Browsers DO show the page as it was meant (of course I can not check this since at the moment I am only running Win 2000 Pro)

Share this post


Link to post
Share on other sites

What part of that layout do you want to reproduce? All of it or just the hover links or background image.I have to agree with you though on the wonders of CSS, there is just so many things achievable with CSS including the amazing drop down menus. Yet sadly I have to double my time finding ways to fix my layout for I.E. :) There are good articles around by Sons Of Suckerfish, that try to recreate CSS tags like Hover so that they function correctly in I.E. the problem is they do use some javascript but only a few lines.The reason I use them is because if someone is smart enough to turn off Javascript as they know about security holes, then they are smart enough to know to get a better browser than I.E. because it's security is very low. So accounting for Javascript hacks to those people who have I.E. will make the page work for more people, but I try to keep it to a minimum so mostly everyone can see some aspect of my page.I have seen many codes to fix things up in I.E. so i'll try my best to locate a 100% compatible way for doing what you'd like to be done.

Share this post


Link to post
Share on other sites

That's kinda funny. I'm trying to create my website with CSS and It looks OK in everything but IE. IE6 I get an menu error (space glitch) and in IE5 none of the formats work and site liiks like one big list :)I'm not a big fan of IE but 95% of the browsers that come to the website we have at work are IE so I guess I still have to code for that. I wish IE could be compliant and up to date, it would make the code so much cleaner. :)Nils

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  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.