[css-d] Fwd: Centering contained div with unknown width.

2013-04-02 Thread J.C. Berry
I have a problem. I have to vertically center (middle) my nav items. See http://mindarc.com/capture2_(1).JPG This is my HTML snippet: div id=secmidpagenav div id=block-menu-block-22 class=block block-menu-block contextual-links-region div class=content!--menu-- div

Re: [css-d] Fwd: Centering contained div with unknown width.

2013-04-02 Thread Tom Livingston
On Tue, Apr 2, 2013 at 12:24 PM, J.C. Berry jcharlesbe...@gmail.com wrote: I have a problem. I have to vertically center (middle) my nav items. See http://mindarc.com/capture2_(1).JPG This is my HTML snippet: div id=secmidpagenav div id=block-menu-block-22 class=block block-menu-block

Re: [css-d] Fwd: Centering contained div with unknown width.

2013-04-02 Thread Georg
On Tue, Apr 2, 2013 at 12:24 PM, J.C. Berry jcharlesbe...@gmail.com wrote: I have a problem. I have to vertically center (middle) my nav items. See http://mindarc.com/capture2_(1).JPG For completeness - along the same lines as others have presented - here's how I used to solve such cases...

[css-d] desktop first tutorial

2013-04-02 Thread Micky Hulse
Hey all, I wanted to experiment with a desktop first media query setup. I've been using the mobile first approach for so long, that my brain is having troubles reversing that process. :D I understand the goal is to use max-width vs. min-width, but I was wondering if there are any good tutorials

Re: [css-d] desktop first tutorial

2013-04-02 Thread Micky Hulse
Actually, my main question: When designing desktop first MQs, how should the MQs stack? Fake breakpoint numbers follow: Global styles, 545px, 845px, 1045px, Desktop OR Desktop global styles, 1045px, 845px, 545px In other words, what's the optimal way to order breakpoints and global/desktop

Re: [css-d] desktop first tutorial

2013-04-02 Thread Jon Reece
On Tue, Apr 2, 2013 at 6:36 PM, Micky Hulse mickyhulse.li...@gmail.comwrote: I wanted to experiment with a desktop first media query setup. I've been using the mobile first approach for so long, that my brain is having troubles reversing that process. :D I understand the goal is to use

Re: [css-d] desktop first tutorial

2013-04-02 Thread Tom Livingston
I would assume the base styles are the desktop, and as break points decrease, you would undo the desktop layout. My experience with a site I took over that was done this way is that desktop first seems to require a lot more code to over-ride the desktop layout than it does to build

Re: [css-d] desktop first tutorial

2013-04-02 Thread David Laakso
On Tue, Apr 2, 2013 at 7:41 PM, Micky Hulse mickyhulse.li...@gmail.comwrote: Actually, my main question: When designing desktop first MQs, how should the MQs stack? Thanks! M The computation, calculation. and variation is endless... desktop laptop tablet

Re: [css-d] desktop first tutorial

2013-04-02 Thread Philippe Wittenbergh
Le 3 avr. 2013 à 08:41, Micky Hulse mickyhulse.li...@gmail.com a écrit : When designing desktop first MQs, how should the MQs stack? Depends? How do you write your MQ's? @media (max-width: 500px) {} or @media (min-width: 300px) and (max-width: 500px) {} If you use the first one, bear in mind

Re: [css-d] desktop first tutorial

2013-04-02 Thread Micky Hulse
Thanks to everyone for the replies, I really appreciate it! :) @jon: Thanks for pointing me towards Bootstrap. That's an area of Bootstrap I have not explored (I've mostly studied Bootstrap in terms of the LESS setup). I'll take the time to look into the MQs used there and the

Re: [css-d] desktop first tutorial

2013-04-02 Thread Tom Livingston
In response to your issue #2 below, I have had good luck with putting MQs on link elements, and then repeating the link elements without MQs inside a conditional comment for 7 8, allowing the cascade work to deliver a desktop-only layout for old IE. I hate poly filling everything and also had