Re: [css-d] Sticky footer - double decker possible?
Anne E. Shroeder wrote: http://www.language-works.com/swim/comp.jpg http://www.language-works.com/swim/stickyfooter.htm Is it possible to code this? Think so... http://www.gunlaug.no/tos/alien/aes/test_09_0419.html http://www.gunlaug.no/tos/alien/aes/test_09_0419_files/main.css Method used: http://www.satzansatz.de/cssd/companions.html The details (fine-tuning and IE6 hacking) are left to you. regards Georg -- http://www.gunlaug.no __ css-discuss [cs...@lists.css-discuss.org] 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] page review
2009/4/19 David Laakso da...@chelseacreekstudio.com: Comments and suggestions appreciated. http://chelseacreekstudio.com/ca/cssd/op8/index.html Well, I got an 404 Local time : 9.05 Denmark -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] 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] page review
Ib Jensen wrote: 2009/4/19 David Laakso da...@chelseacreekstudio.com: Comments and suggestions appreciated. http://chelseacreekstudio.com/ca/cssd/op8/index.html Well, I got an 404 Online now. Thanks, Ib. __ css-discuss [cs...@lists.css-discuss.org] 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] Hard to achieve pure CSS layout
Hi Bill, At best, any configuration will be fragile in a cross browser setting. You could increase its robustness if you used known heights for the header and footer, which I gather is not something you want. If I were asked to code this for a client, I'd use a simple JavaScript, which could accomplish it quite easily. You got it... we can't use fixed heights in any way. We are trying a pure CSS solution, so the browser would take care of everything. The fact is that a JavaScript solution is not as simple as it seems. Due to the way CKEditor is dynamically created inside pages, it happens that the DOM structure is created even before the CSS that styles it is available. All that happens after the page load event. So, even if we use JavaScript to calculate the heights on the fly, the header and footer blocks sizes will suddenly change after the CSS is loaded and applied. Also, changes may happen even at the editor runtime, and depending on the window resize event is not enough for it. That's why we have a desperate need for CSS only. Not considering the way CSS works, but instead aiming to have CSS working for the real world needs, I still find it a basic need that the current CSS standards are simply missing. Even today using fixed heights, the solutions are only CSS hacks. It's not even clear if the so rich CSS3 will provide any tool in this sense, but this is off topic right now. I still have hope! Fred __ css-discuss [cs...@lists.css-discuss.org] 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] Hard to achieve pure CSS layout
Not considering the way CSS works, but instead aiming to have CSS working for the real world needs, I still find it a basic need that the current CSS standards are simply missing. Fred Some CSS standards are indeed simply missing among some browsers, and one browser in particular. What may be missing in your real world need is that CSS copes with look and feel, not behavior-- if you want behavior you'll need to attach a programming language to the CSS. __ css-discuss [cs...@lists.css-discuss.org] 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] Browser issues
Thanks. Ada -Original Message- From: Alan Gresley [mailto:a...@css-class.com] Sent: Saturday, April 18, 2009 5:02 AM To: Climis, Tim Cc: Ada Elgavish; 'css-d@lists.css-discuss.org' Subject: Re: [css-d] Browser issues Climis, Tim wrote: What do you mean by a bit of a margin doubling bug? I would love to fix any problems you detect. If you look closely (and it's easier to see with a firefox extension like IETab), you'll notice that the margins between things are bigger in IE than in Firefox/Safari/Opera. Usually the cause of this is a bug in IE. [...] ---Tim What bug? This is just default vertical margins being fixed in IE7- at 14.25pt or 19px. All other browsers (including IE8) have default vertical margins of 1em which is equivalent to 16px (under a 16px text size setting). -- Alan http://css-class.com/ Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo __ css-discuss [cs...@lists.css-discuss.org] 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] popup image, a element, href, Safari and IE7
Trying a popup image effect based on Eric Meyer's demo http://meyerweb.com/eric/css/edge/popups/demo2.html Here is my scaled down attempt. http://www.stoneladder.ca/sandbox/css/csspopup.html It works in Firefox 3.0.8, IE8 and Opera9 but IE7 chokes when the href attribute is not present and Safari for Windows works not at all. What am I missing? Can anyone help? Thanks for thinking about this. -- Brian __ css-discuss [cs...@lists.css-discuss.org] 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] popup image, a element, href, Safari and IE7
Brian Funk wrote: http://www.stoneladder.ca/sandbox/css/csspopup.html It works in Firefox 3.0.8, IE8 and Opera9 but IE7 chokes when the href attribute is not present and Safari for Windows works not at all. Missing closing bracket on 'a:hover img' throws Safari off. This error is reported by the CSS validator as Parse Error [empty string]. For IE7: add 'a {height: 1%;}', or another hasLayout trigger, to make the anchor without href work. regards Georg -- http://www.gunlaug.no __ css-discuss [cs...@lists.css-discuss.org] 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] popup image, a element, href, Safari and IE7
Gunlaug Sørtun wrote: Brian Funk wrote: http://www.stoneladder.ca/sandbox/css/csspopup.html It works in Firefox 3.0.8, IE8 and Opera9 but IE7 chokes when the href attribute is not present and Safari for Windows works not at all. Missing closing bracket on 'a:hover img' throws Safari off. This error is reported by the CSS validator as Parse Error [empty string]. oops. Thanks for spotting that. :-s For IE7: add 'a {height: 1%;}', or another hasLayout trigger, to make the anchor without href work. The hasLayout trigger doesn't seem to work. I tried adding specificity by using ul li a {height: 1%;} without success. I have also tried zoom: 1; and display: inline-block; The situation persists. -- Brian __ css-discuss [cs...@lists.css-discuss.org] 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] popup image, a element, href, Safari and IE7
Brian Funk wrote: http://www.stoneladder.ca/sandbox/css/csspopup.html The hasLayout trigger doesn't seem to work. Ok, I overlooked that I had a double-fix in there, and contributed IE7's positive response to the wrong fix. Here's another dirty trick to make IE7 behave... http://www.gunlaug.no/tos/alien/bf/test_09_0420.html In short: make the ':hover' selector look like this... a:hover img, x:hover img {...} ...with a nonsensical reference following the real one. Any selector can replace the x, as long as it isn't an a. Go figure :-) I also added a fix for IE6 in there... a:hover {background-position: 0;} ...but that one only makes the complete link work since IE6 doesn't support ':hover' on non-links. regards Georg -- http://www.gunlaug.no __ css-discuss [cs...@lists.css-discuss.org] 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/