Re: [css-d] Pass full css file to IE6 but not IE7 - with CSS only
I wrote: I now have this: /* IE 5.5 and 6 Georg's underscore hack - gunlaug.no/contents/wd_chaos_20.html */ @import _url(/Styles/screen_ie_5_55_6.css); Well... Here's a big issue we've had that may be of interest to your test page Georg... It turns out that some of the imports actually produce HTTP requests from IE7, like this: GET /contents/styles/_url(%22chaos-060801-test2.css%22) The resulting 404 page is actually parsed by IE7 as CSS... so if you have some custom 404 page with embedded CSS, it will be applied by IE7, with obviously unpredictable results... In my case, the custom 404 page for the site was using this: html... style type=text/css div { width: 50%; } /style You can easily imagine the impact of that on any site! So my solution was to add this mod_rewrite rule: RewriteRule _url\( null [G,NC,L] Which simply throws a 410 Gone blank page upon any request for _url(... HTH someone out there... -- Manuel Razzari [EMAIL PROTECTED] | http://conVistaAlMar.com.ar __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Pass full css file to IE6 but not IE7 - with CSS only
Hi all, and sorry for the delay on getting back to you. To answer a common question: IE conditional comments were not an option due to a ridiculous situation at the client's office... Various computers, including a big screen displaying the website on their front desk, had installed IE7 and then removed it in a non-standard way, so they were using IE6 but the version vector in the registry was for IE7 (as known, if you have multiple IE installs the CCs will view all installs as the highest installed version). So where I was using this... !--[if lte IE 6] link rel=stylesheet type=text/css href=/App_Skins/News1/Styles/screen_ie_5_55_6.css style type=text/css@import/App_Skins/News1/Styles/screen_ie_55_6.css;/* Double Quotes without Whitespace hides the file from 5.0 *//style ![endif]-- I now have this: style type=text/css /* IE 5.5 and 6 Georg's underscore hack - gunlaug.no/contents/wd_chaos_20.html */ @import _url(/Styles/screen_ie_5_55_6.css); @import _url(/Styles/screen_ie_55_6.css); /* IE 5.0/Win Tantek's Band Pass Filter - tantek.com/CSS/Examples/ie50winbandpass.html */ @media tty { i{content:\;/* */}}; @import '/Styles/screen_ie_5_55_6.css'; {;}/*;} }/* */ /style Worked as expected in the dozen+ browsers I tested so far (IE 5 to 7, Mac IE, Opera 5 to 9.5, Firefox 1 to 3, Safari 2 and 3). Again, thank you Jonny for the quick response which saved my deadline and my mental health (had been googling 4hs for that hack!), Georg for always being on the edge, and everyone else involved, well, just for being involved ;) -- Manuel Razzari [EMAIL PROTECTED] | http://conVistaAlMar.com.ar __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Pass full css file to IE6 but not IE7 - with CSS only
Hi all! So, using conditional comments, I produced a CSS file which targets IE6 only. Then, due to an extremely bizarre client situation, it turns out I can't use conditional comments So the question is: how can I import / link a full CSS file for IE6, using only CSS (without using conditional comments, css expressios or javascript). Basically I'm looking at something like Tantek's IE5 Band Pass filters, but for IE6. Or, say, something like * html for a full css file, which lets me target IE 5 to 6 but not 7. BTW, I don't care if the solution is non-validating as long as it's strong. For example the Rules Before @import hack would be fine, but IE7 applies it too, so it's not good for me. Maybe a combination of hacks? Any ideas? Or must I fall back to prepending * html to all my IE6 rules? -- Manuel Razzari [EMAIL PROTECTED] | http://conVistaAlMar.com.ar __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Pass full css file to IE6 but not IE7 - with CSS only
So, using conditional comments, I produced a CSS file which targets IE6 only. Then, due to an extremely bizarre client situation, it turns out I can't use conditional comments Any ideas? Or must I fall back to prepending * html to all my IE6 rules? Ingo Chao wrote: Why not? This attempt would match the conditions perfectly. Right, the problem is I have like 50 selectors inside this IE css, so it feels kind of silly / ugly to have a supposedly IE-only CSS file... where all your selectors start with star-html! Anthony Aziz wrote: You could try some server-side scripting, if that's available to you. Not an option :( Am I asking for something impossible? I went through various lists of CSS hacks, and even tried some mix and match on a few of them, with no luck yet... Thanks! - Manuel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Pass full css file to IE6 but not IE7 - with CSS only
Jonny, On Thu, Aug 14, 2008 at 18:42, Jonny Stephens [EMAIL PROTECTED] wrote: On 14 Aug 2008, at 18:48, Manuel Razzari wrote: So the question is: how can I import / link a full CSS file for IE6, using only CSS (without using conditional comments, css expressios or javascript). Assuming internal stylesheets are permitted... style type=text/css media=screen @import _url(ie6.css); /style See: http://www.gunlaug.no/contents/wd_chaos_20.html Extremely appreciated link, this seems to be EXACTLY what I need. I will test this first thing tomorrow and let you know if it works. Thank you, and thanks Georg btw who always seems to have been there, done that whenever I feel my CSS problems have no solution... - Manuel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Using Dreamweaver with standards-based websites?
I downloaded the trial version of Dreamweaver 8 and.no dice. The page is every bit as fractured in design mode in 8 as it was in MX. Matt, I've found that complex layouts, involving nested floats and positioned elements, work just fine in Dreamweaver if I get them to work in older Operas (5 or 6), without hacks that is. And that usually just requires trying different ways to do the same thing (padding instead of margin, adding position:relative here and there, etc). YMMV of course, if your layout has hit a DW css bug... __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Max-Width
I soon have too make a start on a new site for a client and they want to use max-width to limit the expansion of the site. Just wondering if there is a definitive or good example anywhere of implementing this correctly for IE etc? Hello Steve, Dean Edwards' IE7 supports this, but I found it to be too bloated just to get a max-width, and also might add support for other things you didn't want supported in your layout. There was also a solution by Andrew Clover which worked but I can't remember why I didn't use it. So I've been using Svend Tofte's http://www.svendtofte.com/code/max_width_in_ie/ and it's worked great so far (irwf.org.ar has been working for years, and next week will be online gsystems.com which also uses it) My *personal choice* is to use a liquid #container, and make sure the whole layout works well with, say, #container { width: 90%; }, so you're covered if the UA doesn't support max-width at all. Then I have an IE 5 - 6 only stylesheet (since IE7 support max-width): !--[if lt IE 7] style type=text/css media=screen @import url( css/screen_ie5-6.css ); /style ![endif]-- And it that stylesheet I use this to get max-width/min-width: #container { width: expression( (document.body.clientWidth 986)?985: (document.body.clientWidth 765)?760:auto); } Tip #1: Note that *the widths don't match*, that is, if the canvas is larger than 986px, I set the container to 985px. This avoids random crashes and layout jumpin'. Tip #2: Also, you might need to add position:relative; or the holly hack if you get dissapearing elements when resizing the browser. Tip #3: In IE 5.0, if you see it has problems inheriting the width from the container or you have positioned elements anchored at the wrong place, you can try adding some extra div inside your container, just with position:relative or width:100%; ... That's IE, then you just use max/min-width in your main screen CSS for modern browsers :p. HTH, -- Manuel Razzari YO - http://ultimorender.com.ar/funkascript CVAM - http://conVistaAlMar.com.ar __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] documentation on ie's problem with multiple classes?
On 10/6/06, jonathon bellew [EMAIL PROTECTED] wrote: am looking for some help with documentation (or workarounds) on ie's seemingly buggy interpretations of multiple class selectors. .foo.bar {} Jonathon: IE will only apply the last selector, .bar in your case. AFAIK, you just can't use it if you want to support IE at all. any links to documentation or discussion would be appreciated, workarounds even more so. No 'clever' workaround that I can think of, just coming up with a different selector to apply your styles... Eric Meyer made some tests here: http://meyerweb.com/eric/css/tests/multiclass.html - manuel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Collapsing floats in IE
On 10/4/06, Philippe Wittenbergh [EMAIL PROTECTED] wrote: If you warp your images inside their own p, then IE behaves the same way as modern browsers (tested: IE 6). http://dev.l-c-n.com/_temp/over_cleared_2a.htm Philippe, thanks! Now I won't have to read all that stuff Georg sent! ;) Seriously though, your fix is a great step forward for my problem. It works fine on IE 5.5+ now, still broken on IE 5.0, but I'll be able to do some more testing/researching tonight and let you know. The problem is an edge case in my design already, so being IE5.0 as a browser an edge case too, it's not too bad, but I'm sure this can be done fully cross-browser, so I'll keep trying. Thanks again, - Manuel BTW Georg, I've already printed some of your stuff :) __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Collapsing floats in IE
Hello all. I have a problem of collapsing floats and adjacent elements behaving differently in Firefox/Opera vs IE (Win and Mac). I have the following structure: div img / p/p img / p/p /div The IMGs are floated left. They are also cleared, so the second image goes below the first. The problem is, in IE the image takes the second paragraph with her. Please check the following link on Firefox and IE: http://ultimorender.com.ar/funkascript/css/fake_col/over_cleared.htm As shown there, I've found a workaround, that involves moving the images inside the paragraph and having a border on the paragraphs. The problem is I might have block level elements instead of images, which really shouldn't be going inside paragraphs. And well, having to use a border is clearly ugly. Hope someone can help or point to a different approach, or tell me if the problem is not clear... Thanks! -- Manuel Razzari http://ultimorender.com.ar/funkascript __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Collapsing floats in IE
On 10/4/06, Gunlaug Sørtun [EMAIL PROTECTED] wrote: The addition of p {padding: 1px 0;} works in IE, which indicates that 'collapsing margins'[1] are involved - IE-style. Georg, thanks for the quick response! Your suggestion already fixes half of my problem. I should really read about collapsing floats, it's one of those things I always solve by trial and error and never got to read that part of the spec :$. I have updated the testcase to reflect your fix: http://ultimorender.com.ar/funkascript/css/fake_col/over_cleared_2.htm The only question left is... can this be fixed without moving the images inside the paragraph? (So that I can float a DIV instead of an image there.) Thanks everyone in advance, and thanks Georg again for what's already fixed! - Manuel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] rounded corners no color fill
On 9/24/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi All, many examples have been on color filled boxes with rounded corners, few if any on simply transparent boxes with rounded corners. In http://www.availcompany.com/webdev/webcode/css_test11.htm Dino, I've had success with Douglas Livingstone's easyCorners technique. Unfortunately his site is not online anymore. Kind of found it here, but without the images :s http://web.archive.org/web/20030611042446/http://www.redmelon.net/tstme/4corners/ You can see it at work here: http://www.raoulwallenberg.net/ (Look for the .roundBox class) The technique is *extensively* cross browser tested. It's a bit bloated on the HTML side, and can take some time to cut the images, but it's relatively straightforward. Even more, this might be of help in generating the images: http://www.neuroticweb.com/recursos/css-rounded-box/index.php?idioma=en HTH, -- Manuel Razzari YO - http://ultimorender.com.ar/funkascript CVAM - http://conVistaAlMar.com.ar __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] overflow: auto elements receiving focus when tabbing
On 9/21/06, Zoe M. Gillenwater [EMAIL PROTECTED] wrote: But I'm curious whether Firefox's behavior is correct. Are elements with overflow: auto supposed to receive focus? Just a random guess, but maybe here's the explanation for firefox's behavior: https://bugzilla.mozilla.org/show_bug.cgi?id=97283 Check after comment #50. I didn't read it all, but it seems focusing is needed to make scrolling work within the overflowing element. -- Manuel Razzari http://ultimorender.com.ar/funkascript __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Styling iframe from parent HTML
On 9/15/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Is is possible to change the body class within iFrame's source HTML from the iframes parent page? Darren, I'm not sure if this subject belongs to this list. Anyhow, I've tested the following and it works: onclick=frames['myiframe'].document.getElementsByTagName('BODY')[0].className='blue' Please note that for the .blue to be applied to the document on the iframe, the stylesheet must be available to that document. That is, .blue {...} must be on the iframe, not on the main page. Let me know if it helps, - Manuel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Decimal units in Opera
Hello Bruno and Georg, thanks for your replies. At least now I feel better that I wasn't missing something. It seems to be a design decision from the Opera people then, to do this rounding down... I'd like to know why... As suggested by Georg, I'll use some padding to fill in the spaces instead of using decimals (I'm implementing somthing like http://icant.co.uk/sandbox/imageDistribution.html) BTW Bruno, those test cases look really interesting! Thank you for sharing. Thanks again! - Manuel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Decimal units in Opera
Been googling and reviewing the spec for a while and haven't found an answer to this. Why does Opera (from 5 to 9) is rounding down my decimal units ? If I say 99.9%, for Opera it's exactly equal to 99%. For example, the following HTML: div id=div1 style=width: 99%;width: 99%/div div id=div2 style=width: 99.9%;width: 99.9%/div div id=div3 style=width: 100%;width: 100%/div In IE and Firefox, #div2 is almost as wide as #div3. In Opera, #div2 is exactly as wide as #div1. The spec says a length value is a number (with or without a decimal point), and IE and FF behave as expected. Why is Opera doing this? Any workarounds? Not finding anything on google makes me feel maybe I'm missing something trivial...? Thanks! - Manuel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE7 and div width
I'm hoping someone on this list will tell me the correct behaviour for this situation. in IE7 the undimensioned div inside the floated div is only as wide as its content. AIUI an undimensioned div would be as wide as its container. I haven't checked the spec, but every other browser (from opera 5 and IE 5 to current geckos) behaves as you expect. I'd call it an IE7 bug. I've simplified your testcase a little. http://ultimorender.com.ar/funkascript/css/tests/inside_floated.htm It seems you can get IE7 to behave like other IE's by specifying div#one{ min-width: 100%; } The problems seems to be related to #one's height being specified. Let me know if this helps! -- Manuel Razzari YO - http://ultimorender.com.ar/funkascript CVAM - http://conVistaAlMar.com.ar __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/