Re: [css-d] mobile css problems
On Mon, Apr 9, 2012 at 5:58 PM, Norman Fournier nor...@normanfournier.comwrote: Hello, I am working on a website here: http://www.wwater.com/pharmacists/ Any suggestions would be greatly appreciated. Norman There's more than one way to skin a cat. Cursory checked in Android/2.2.2, Opera Mobile, and Opera Mini. http://ccstudi.com/4.html Best, David Laakso * * -- Chelsea Creek Studio http://ccstudi.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/
[css-d] mobile css problems
Hello, I am working on a website here: http://www.wwater.com/pharmacists/ I have two serious layout problems, first, when the window is resized to less than 850px, the navigation rejigs to a link on each line, in blocks. The first link is nicely formatted but each subsequent link has a large margin of white space on the lh side which I cannot stamp out. The second problem is the two content wells, one called sidebar-ease and the other an aside. When the window resizes smaller than 850px I would like the aside to drop below the sidebar-ease but have been unable to accomplish that. Any suggestions would be greatly appreciated. Norman --- www: http://www.normanfournier.com facebook: http://www.facebook.com/normanfournierdotcom linkedin: http://www.linkedin.com/profile/view?id=18127460 youtube: http://www.youtube.com/user/normanfournier __ 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] mobile css problems
On Apr 10, 2012, at 6:58 AM, Norman Fournier wrote: I am working on a website here: http://www.wwater.com/pharmacists/ I have two serious layout problems, first, when the window is resized to less than 850px, the navigation rejigs to a link on each line, in blocks. The first link is nicely formatted but each subsequent link has a large margin of white space on the lh side which I cannot stamp out. The parent ul still has a margin-left: 10% specified for '#navcontainer ul' in pharmacists.css, you need to override that in your mobi-pharmacists.css The second problem is the two content wells, one called sidebar-ease and the other an aside. When the window resizes smaller than 850px I would like the aside to drop below the sidebar-ease but have been unable to accomplish that. Kill the 'float: left' and 'float: right' by specified on those blocks 'set to 'float:none' (and the absolute positioning on that 'aside'). Learn to use the web developer tools that ship with most browsers nowadays; they'll quickly tell you what is happening. -- 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/
Re: [css-d] mobile css problems
On 2012-04-09, at 6:29 PM, Philippe Wittenbergh wrote: On Apr 10, 2012, at 6:58 AM, Norman Fournier wrote: I am working on a website here: http://www.wwater.com/pharmacists/ I have two serious layout problems, first, when the window is resized to less than 850px, the navigation rejigs to a link on each line, in blocks. The first link is nicely formatted but each subsequent link has a large margin of white space on the lh side which I cannot stamp out. The parent ul still has a margin-left: 10% specified for '#navcontainer ul' in pharmacists.css, you need to override that in your mobi-pharmacists.css The second problem is the two content wells, one called sidebar-ease and the other an aside. When the window resizes smaller than 850px I would like the aside to drop below the sidebar-ease but have been unable to accomplish that. Kill the 'float: left' and 'float: right' by specified on those blocks 'set to 'float:none' (and the absolute positioning on that 'aside'). Learn to use the web developer tools that ship with most browsers nowadays; they'll quickly tell you what is happening. -- Philippe Wittenbergh http://l-c-n.com Hello, The main problem was the style sheets were cascading in the wrong order. Thanks for your help. Norman --- www: http://www.normanfournier.com facebook: http://www.facebook.com/normanfournierdotcom linkedin: http://www.linkedin.com/profile/view?id=18127460 youtube: http://www.youtube.com/user/normanfournier __ 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/