[css-d] figured out the dropdown issue
Mobile Safari had trouble hiding the submenu using absolute positioning with a large negative left - unless there was a width on the submenu. However, there were no problems with changing display:none to display:block and using a variable submenu. In that case, one click on the top menu shows the item, and another click sends you to a page. Since the dropdowns are not essential (you can click through to a page with a side menu), I used that. __ css-discuss [css-d@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] Expand parent width to contain floated elements
Hi is there a way to expand the width of a parent container so that it fits the contents of the floated elements within it? If I have two floated elements within a parent element, and the width of those two floated elements can change depending on their content, I would like the width of the parent element to expand to contain them. At the moment, the floated element would stick out the right of the container. Thanks. __ css-discuss [css-d@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] Expand parent width to contain floated elements
Pretty sure if you float the parent, it will grow to fit the content. Kevin On Fri, Sep 16, 2011 at 8:40 AM, Stevio redea...@freeuk.com wrote: Hi is there a way to expand the width of a parent container so that it fits the contents of the floated elements within it? If I have two floated elements within a parent element, and the width of those two floated elements can change depending on their content, I would like the width of the parent element to expand to contain them. At the moment, the floated element would stick out the right of the container. Thanks. __**__**__ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/**mailman/listinfo/css-dhttp://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.**com/http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/**policies.htmlhttp://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_**support_evolt/http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@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] Expand parent width to contain floated elements
On Fri, Sep 16, 2011 at 8:40 AM, Stevio redea...@freeuk.com wrote: Hi is there a way to expand the width of a parent container so that it fits the contents of the floated elements within it? On Fri, Sep 16, 2011 at 11:50 AM, Kevin A. Cameron kevinacame...@gmail.com wrote: Pretty sure if you float the parent, it will grow to fit the content. Kevin If, for some reason, you can't float the parent, there are other ways to accomplish it as well. Try adding overflow: hidden; to the parent (may bring it's own problems), or read about the clearfix method here: http://www.positioniseverything.net/easyclearing.html Tim __ css-discuss [css-d@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] Help with 3rd column in IE8
I have a website that works perfectly in IE8 Compatibility mode, Firefox, Chrome, Opera and Safari, but in IE8 I get a bleed or overflow effect - you will have to view this in IE8 non-compatibility mode to see what I am referring to: http://www.aheartbreakinghchoice.com Can anyone offer me any assistance with why I am getting this overflow effect in IE8 only? Here is my CSS for that section: div#sidecol { background-position: center top; padding: 10px 20px 10px 5px; width: 15%; float: right; margin-left: 5px; background-image: url('../Images/BrokenHeart4.png'); background-repeat: repeat-y; height: 100%; } Any help would be greatly appreciated. Thanks, Coleen __ css-discuss [css-d@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] Help with 3rd column in IE8
On 9/16/11 3:03 PM, Coleen Holley wrote: http://www.aheartbreakinghchoice.com Can anyone offer me any assistance with why I am getting this overflow effect in IE8 only? Here is my CSS for that section: Coleen 3:24p Server not responding. ~d __ css-discuss [css-d@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] Help with 3rd column in IE8
On 16/09/11 20:22, David Laakso wrote: On 9/16/11 3:03 PM, Coleen Holley wrote: http://www.aheartbreakinghchoice.com Can anyone offer me any assistance with why I am getting this overflow effect in IE8 only? Here is my CSS for that section: Coleen 3:24p Server not responding. ~d There's a stray h in that URL - should be http://www.aheartbreakingchoice.com No IE8 here, so that's all the assistance I can offer just now. Lesley __ css-discuss [css-d@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] Help with 3rd column in IE8
On 9/16/11 3:03 PM, Coleen Holley wrote: I have a website that works perfectly in IE8 Compatibility mode, Firefox, Chrome, Opera and Safari, but in IE8 I get a bleed or overflow effect - you will have to view this in IE8 non-compatibility mode to see what I am referring to: http://www.aheartbreakinghchoice.com Coleen Coleen, Validate both the CSS and markup. If this does not resolve the issue please do bring it back to the list. Best, ~d __ css-discuss [css-d@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] Expand parent width to contain floated elements
On Sep 17, 2011, at 1:00 AM, Tim Arnold wrote: Hi is there a way to expand the width of a parent container so that it fits the contents of the floated elements within it? On Fri, Sep 16, 2011 at 11:50 AM, Kevin A. Cameron kevinacame...@gmail.com wrote: Pretty sure if you float the parent, it will grow to fit the content. Kevin If, for some reason, you can't float the parent, there are other ways to accomplish it as well. Try adding overflow: hidden; to the parent (may bring it's own problems), or read about the clearfix method here: http://www.positioniseverything.net/easyclearing.html Tim, those 'clearfix' methods, aka 'containing' floats are methods to expand the /height/ of the parent element that only contains floated blocks. What the OP wants is expanding (and contracting ?) the /width/ of said parent element. Kevin is right on the money that floating the parent element will most probably accomplish this – providing no width of max-width is specified (min-width is fine though). An alternative is using display:table-cell (or table), at the cost of less compatibility (IE 7 and older). Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@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/