Re: [css-d] scrollbar position
if the avant-garde were my bag, I'd look into the simple, satisfying, and far less frustrating solution that CSS3 offers [1]. Granted, as of this writing, the browser support for that module is weak. Nevertheless, it allows one to concentrate, all the more, on important matters: putting up an easy to read, easy to use CSS driven site. [1] http://www.css3.info/preview/rounded-border/ I've google it, found a lot of different techniques: http://www.cssjuice.com/25-rounded-corners-techniques-with-css/ http://www.smileycat.com/miaow/archives/44.php No CSS3 solution for this Im afraid, since this is not only a rounded corner request, is a rounded corner with glow border effect request (I hate this designer), and I believe not even gecko supports the border-image css3 property. The possible less worst solution that I may thinking of would be putting this technique: http://www.cantinho.org/pt/cantinho-site/rounded_gradient_boxes_v3.html 1) On a more logical html tag structure (putting the content tag between the top tag and the bottom tag). 2) Correct the left corner borders so that they could appear rounded. Could you help me on this, or its better that I go to the nested div technique? http://www.cantinho.org/pt/cantinho-site/outra_tecnica.html I need your help to decide, once I do, I will not look back! (ok only a little sometimes once in a while ) Thanks a lot for your time, Márcio __ 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] Footer doesn't stick to bottom of page
Hello, I have a footer that is positioned correctly when a page opens but then scrolls when the page scrolls. The page in question is located here: http://www.normanfournier.com/capabilities/privacy.html The css is located here: http://www.normanfournier.com/normanfournier09.css Any help is greatly appreciated. Norman --- Norman Fournier 604 514 1587 nor...@normanfournier.com http://www.normanfournier.com __ 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] IE6 showstopper
Greetings, list! I've just joined for some help with a specific problem. Please see http://www.sihlusa.com/products/products.asp In short, what should I do to my style sheet to make sure that IE6 renders this page closely enough to the others to become naviagable? The div on the left is totally invisible, making this page unusable. Also the copy is half-invisible, but I'm less worried about that. For reference, see the different renderings at http://www.sihlusa.com/products/ie6rendering.jpg , http://www.sihlusa.com/products/ie7rendering.jpg , and http://www.sihlusa.com/products/ff3rendering.jpg . Any sort of insight you can offer would be appreciated. Thank you very much! -David Auth __ 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] Footer doesn't stick to bottom of page
There should be a clearing div after the main div or before the footerholder to clear the floated divs. footerholder should not be positioned absolutely. Norman Fournier wrote: Hello, I have a footer that is positioned correctly when a page opens but then scrolls when the page scrolls. The page in question is located here: http://www.normanfournier.com/capabilities/privacy.html The css is located here: http://www.normanfournier.com/normanfournier09.css Any help is greatly appreciated. Norman --- Norman Fournier 604 514 1587 nor...@normanfournier.com http://www.normanfournier.com __ 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-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] scrollbar position
No CSS3 solution for this I’m afraid, since this is not only a rounded corner request, is a “rounded corner with glow border effect request” (I hate this designer), and I believe not even gecko supports the border-image css3 property. Márcio There is hope from Sweden. http://www.456bereastreet.com/lab/transparent-custom-corners-borders-v2/ ~d __ 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] negative margin in safari and Opera
JGardner wrote: Hello, I am looking for information regarding how opera and safari handle negative margins. I am working on a site - http://www.lauramcguire.com/ which I used a negative margin to place the navigation at the top right of the web page. It works fine in I.E. and Firefox but does not show up in safari and opera. Any assistance is greatly appreciated. Thanks, Jennifer Not working as you intend in Mac FF, Mac Safari, Mac Opera/10b, Mac SeaMonkey, Camino, or IE/8 on this end. These changes seem to bring it up on the above browsers on a local file: #container { border: 1px dashed red; position : relative; width:90%; margin:7px auto 0 auto; background-color: #FFF; color: #000; } #nav { border : 1px dashed fuchsia; /*float:right;position:relative;margin-top:-35px;*/ position : absolute; top : 0; right: 0; } #nav a { /*margin :0 0 0 14px;*/ margin : 0 7px; padding: 0 7px;} ~d __ 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] Footer doesn't stick to bottom of page
On 19-Jun-09, at 11:26 AM, Elias Abunassar wrote: On 19-Jun-09, at 11:22 AM, Sandy Gonzales wrote: There should be a clearing div after the main div or before the footerholder to clear the floated divs. footerholder should not be positioned absolutely. Norman Fournier wrote: Hello, I have a footer that is positioned correctly when a page opens but then scrolls when the page scrolls. The page in question is located here: http://www.normanfournier.com/capabilities/privacy.html The css is located here: http://www.normanfournier.com/normanfournier09.css Any help is greatly appreciated. Norman On 19-Jun-09, at 11:26 AM, Elias Abunassar wrote: On Fri, Jun 19, 2009 at 2:08 PM, Norman Fournier nor...@normanfournier.com wrote: #footer { clear: both; } You can remove: height: auto; / * Remove bottom: 0; /* Remove position: absolute; /* Remove Elias Abunassar Hello, The footer is positioned at the end of the bodycopy, here: http://www.normanfournier.com/capabilities/privacy.html but does not stay anchored to the bottom of the browser window when there is little bodycopy, as in this page: http://www.normanfournier.com/realworld.html The ideal solution is the footer appears at the bottom of the browser window as opposed to the end of the bodycopy. If anyone knows a way to effect both the footer staying anchored to the bottom of the browser window and/or appearing at the end of the text, that would be fantastic, or is it a choice of one or the other? Is there a way to have the Thank you! Norman Fournier 604 514 1587 nor...@normanfournier.com http://www.normanfournier.com __ 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] Footer doesn't stick to bottom of page
At 6/19/2009 01:35 PM, Norman Fournier wrote: If anyone knows a way to effect both the footer staying anchored to the bottom of the browser window and/or appearing at the end of the text, that would be fantastic, or is it a choice of one or the other? I've used Cameron Adams' solution several times successfully: footerStickAlt: A more robust method of positioning a footer by Cameron Adams http://www.themaninblue.com/writing/perspective/2005/08/29/ ...the Web page footer to be positioned either at the bottom of the browser window or at the bottom of the Web page whichever is visually lowest. Regards, Paul __ Paul Novitski Juniper Webcraft Ltd. http://juniperwebcraft.com __ 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] Footer doesn't stick to bottom of page
Norman Fournier wrote: Hello, I have a footer that is positioned correctly when a page opens but then scrolls when the page scrolls. The page in question is located here: http://www.normanfournier.com/capabilities/privacy.html The css is located here: http://www.normanfournier.com/normanfournier09.css Any help is greatly appreciated. Norman Did not look at your stuff. So, please forgive me if you have already looked into, or are already locked into: footerStickAlt: A more robust method of positioning a footer? http://themaninblue.com/writing/perspective/2005/08/29/ ~d __ 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] Footer doesn't stick to bottom of page
Norman Fournier wrote: Hello, The footer is positioned at the end of the bodycopy, here: http://www.normanfournier.com/capabilities/privacy.html but does not stay anchored to the bottom of the browser window when there is little bodycopy, as in this page: http://www.normanfournier.com/realworld.html The ideal solution is the footer appears at the bottom of the browser window as opposed to the end of the bodycopy. [...] Norman Fournier Hello Norman, you need a container with a min-height of 100% for the rest of the contents to be able to position the div#footerholder. Currently the only container you have is the body and you don't want to place the div#footerholder between the /body ... /html tags. This should be easily achieved by absolute positioning but for Opera, this requires a re-flow by resizing the viewport horizontally. Because of this footerStickAlt method (mentioned in thread) is the proven method. -- 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/
Re: [css-d] Footer doesn't stick to bottom of page
Sandy Gonzales wrote: There should be a clearing div after the main div or before the footerholder to clear the floated divs. footerholder should not be positioned absolutely. [...] Hello Sandy, there is no shoulds in CSS. This is about Opera (any version) and IE6 being *buggy* with absolutely positioned elements when they are positioned from the bottom of the viewport. If absolute positioning worked how it should, then the sticky footer can be removed from *anywhere in the flow*. I have used absolute positioning for a sticky footer here and works in all browser apart from Opera. Forget IE6, didn't want to hack. http://css-class.com/test/epsilon.htm -- 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/
Re: [css-d] IE6 showstopper
David Auth wrote: Greetings, list! I've just joined for some help with a specific problem. Please see http://www.sihlusa.com/products/products.asp In short, what should I do to my style sheet to make sure that IE6 renders this page closely enough to the others to become naviagable? The div on the left is totally invisible, making this page unusable. Also the copy is half-invisible, but I'm less worried about that. [...] -David Auth Hello David, IE6 does not like this style. div { height:100%; } IE6 needs this instead. * html div { height:auto;} That will fix IE6 in a large part but you may want to question why you have a style for all divs with a height of 100%. It's very easy to bug IE6 out, partially since your code is rendering in quirks mode (just like IE5) due to the XML prolog. ?xml version=1.0 encoding=UTF-8? This changes things since you have to adjust widths etc due to the old IE box model. http://www.communitymx.com/content/article.cfm?cid=E0989953B6F20B41 This should fix IE6. * html #contentleft {width:600px;text-align:left; } Please note that text-align will wrongly affects block elements (divs etc) in IE7 and below. BTW, why do you have position:relative and z-index everywhere. I would suggest as a learning experience to remove some styles. Especially all of this fro starters. div { height:100%; display:table; vertical-align:top; background-repeat:no-repeat; border:none; margin:0px; padding:0px; text-align:center; } -- 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/