Re: [css-d] can this behavior be beaten out of IE
hi Lori Is there any way to get IE6 to honor the css attribute 'min-width', or a way to script, hack or cheat some version of it? As it happens, I was reading* about a way of doing this yesterday. The trick was to use a javascript expression in the css, which IE apparently supports. e.g #container { min-width: 600px; width:expression(document.body.clientWidth 600? 600px: auto ); } I've not tried it in anger, so YMMV. Rob *http://www.webcredible.co.uk/user-friendly-resources/css/more-css-trick s.shtml, tip #3 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] annoying blue background in IE around my png images
hi Gale What's happening is, IE places a light blue background around my images. These are png files. Looks to me like the problem IE has rendereing transparent PNGs. There's an article about it with a workaround at http://www.pcmag.com/article2/0,1759,1645331,00.asp hth Rob __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] z-index doesn't work with relative items in FF?
hi I just wish I could figure out if a) FF is sticking to the letter of the W3C description (which is illogical) or b) FF is actually incorrect and IE is correct for once. I haven't looked at the example, but I would be willing to bet a fairly substantial sum on the former :) The important and non-obvious thing is the concept of z index *context*. see http://developer.mozilla.org/en/docs/Understanding_CSS_z-index:The_stack ing_context for a clearer explanation than I can give hth Rob __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Simple two columns
Stevio: The table solution is so much more reliable, robust, doesn't break, and does what it says on the tin. yep, that's precisely the conclusion I came to. As a programmer, I *do* want to do things properly, but sometimes the correct way is way more painful than it should be. Maybe it's a case of the old not-quite-mature-until-version-3 syndrome - I believe CSS3 has explicit specifications for multi column layouts. Did you try Holly's 49% solution? That looked nice and clean. Rob __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Simple two columns
How do I stop col2 wrapping below col1 however when the browser window is shrunk down in size? (Has to work in IE). table cellspacing=0 tr td class=col1.../td td class=col2.../td /tr /table OK, I'm a green + knobbly troll. But it would work, and it's simple... Rob __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] IE white-space: normal
hi Ingo I did not found a workaround yet, maybe it's just hardwired. yes, I think this is just another IE oddity, and probably not worth spending too much time worrying about. My none-too-elegant workaround was to give up on white-space: nowrap and replace the spaces in the top level items with nbsp; Rob __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] IE white-space: normal
Sorry I forgot to mention an important detail - this problem only appears in IE6 quirks mode. I'm working on an old and fairly sprawling site (.asp, table layout, inline font tags, the whole horrorshow =), so I'm stuck with it. Ingo Chao wrote: for IE5.5: http://www.xs4all.nl/~blackeye/ie55bug.html that's *almost* the same problem, but IE6 doesn't appear to have this exact same bug. Pretty darn similar though... here's a copy of Ingo's test case but without the doctype, so it falls back to quirks mode http://www.wildlime.com/rob/test2.html . (works as expected in IE6) here's a test case showing the problem with nested lists: http://www.wildlime.com/rob/list_css_line_wrapping.html http://www.wildlime.com/rob/list_css_line_wrapping.css Rob __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Div's Vs Classes
Chris Heilmann: It is a matter of keeping your CSS code clean and maintainable. did I say go write spaghetti? The OP is not allowed to use IDs. Whether he writes clean code is between him and his maker. The point is, just using classes will make no difference to the way the website *functions*. some developers still seem think the most important target is the browser. heh. who would think that? the end user perhaps? nah... R __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] Div's Vs Classes
Mike wrote: aside from the obvious reasons (ID's are declared only once, classes more than once) I'm interested to hear the lists opinion on the potential pitfalls of developing markup with CSS that uses only classes for layout purposes. in practice there is no real difference between id's and classes, as browsers (well, FF IE6) don't complain when multiple elements have the same ID. Validators might, but that's beside the point. R __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] IE is the bestest!
Paul Novitski wrote It sounds as though you might be looking for a minimum height but not a maximum, izzat right? #blob { min-height: 100px; } /* IE ONLY */ * html #blob { height: 100px; } that's the proverbial badger. thanks, Paul! Rob __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] A Pure CSS Menu - IE not following z-index to render over other divs
hi Kevin, Would anyone have a solution to a pure CSS menu flyout not showing above divs on IE6? (or lower versions) I've just had this very same problem - see the IE z-index drop down menu thread over the last days or so. The best solution (from Ingo Chao) was to apply position: relative; z-index: [ everything else]; to a div that encloses the menu. Rob __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] IE z-index drop down menu [SOLVED]
From: Ingo Chao btw. Opera7.54/Win does funny things with your menu, it shows only already hovered parts. thanks for the heads up Remove the inline style z-index: 1; from the Lorem ipsum div and remove the z-index:10 from menulist, .menulist ul {} and add {position:relative; z-index:1;} or {position:absolute; z-index:1;} to #menu-container or position:relative; z-index:1;} to ul.menulist, as you like it. great, that worked perfectly! well, I set the menu-container to position: relative and z-index: 10 because the offending div in the real site is having it's z-index set in some javascript nastiness I really don't want to get involved in Looks like it's important for z-index in IE if the two elements are in the normal flow or positioned. If only one is positioned, it gains a higher layering no matter what z-index you apply to the other. don't tell me - that's not in the CSS spec is it? :-/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
RE: [css-d] mysterious margin problem in Firefox and Safari
I'd say it's probably caused by a margin on the first element. You could try setting h2 margin: 0; dunno if it's FF or IE at fault here, but I know which one I'd bet on :) Rob -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of dann s washko Sent: Friday, 13 May 2005 8:31 AM To: css-d@lists.css-discuss.org Subject: [css-d] mysterious margin problem in Firefox and Safari I was putting together a skeleton of a page when I noticed a curious problem in Firefox (Linux, OS X, Windows) and Safari that does not seem to exist in IE (6) on Windows. The page in question: http://tinyurl.com/a245j I colored the sections to identify the problem more clearly. Note that between the header and the main content there is a margin. The left menu is floated. Any block level elements (header, paragraph) on the first line of the main content area will cause the margin to appear. A simple br / tag will prevent the margin from appearing as will inline elements or just plain text. Block level elements on any other line do not seem to cause this problem. I can see what causes the problem, I am just now sure why this is happening. One suggestion has been to add this to change the content class to this: .content { background-color: rgb(255, 255, 255); width: 640px; margin-left: 155px; padding-left: 5px; padding-top: 0.1px; } -- Dann S. Washko The Linux Link Tech Show Check Us Out Weekly: Live/Stream/Podcast http://www.thelinuxlink.net The Linux Link Web Radio Portal TLLTS -- LUGRadio -- The LinuxBox Show get slack (www.slackware.com) and get happy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE dropdown menu item height
hey up all I'm implementing a css + javascript drop down menu: http://www.cairnsinfo.com/menu_test.asp looks lovely in FF (of course), but can anyone tell me why ing IE6 makes the a tags' height 1 pixel too small, resulting in the 1 pixel wide dark blue line under each top level menu item as you roll over them? (I know it's in quirks mode - it's for an old site that would break if forced into standards mode, but making it proper xhtml doesn't fix it anyway) Rob Agar Web Site Consultant Wild Lime Media - [EMAIL PROTECTED] Studio 1, 70 McLeod Street, Cairns 4870 Tel 07 4042 6777 | Fax 07 4042 6766 *Please note change of numbers above Web and Software Development Services - www.wildlime.com Search Engine Optimisation Services - search.wildlime.com Professional Website Hosting Services -www.hostonlime.com.au Winner 2004 Telstra North QLD Media Awards - Best Website - Online Content Information __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/