Ford Interactive

Comments, Quips & Protestations

1. 1 April 18, 2010 10:35 pm Darren

   Andy! Feelin this site. Cool that you did work for BoyInk.

2. 2 April 20, 2010 8:12 pm David Weinraub

   Interesting idea. ;-)

   But can’t equal widths be enforced with CSS alone? Or is the intent here that the parent can have dynamic/unspecified width and you simply want to allocate it equally among the children?

   Cheers!

3. 3 April 21, 2010 9:33 am Andy Ford

   @David – yes, the intent it to accommodate unknown widths or frequently changed content. In fact, I created the plugin because a client kept changing their main nav but still wanted it horizontally distributed

4. 4 May 6, 2010 10:37 am Erik Ford

   This is actually a very cool concept. I am already using an equal height jQuery solution when needed and this will come in handy for pesky horizontal navigation systems.

5. 5 June 29, 2010 4:50 pm Peter Anselmo

   Way Cool! I’ve run into this exact problem before, and I already have a site in mind to try it out with.

6. 6 March 22, 2011 8:01 am Glaserei Schauer Hamburg

   Hey thanks a lot i have used this in my own weblog. It works perfectly.

   Thank you a lot for your afford

7. 7 March 23, 2011 1:16 am Berufsmoden MST

   Very nice concept, thanks for this great article

8. 8 May 12, 2011 2:14 pm Osu

   Hi,

   I can’t seem to get this to work – it’s taking effect, but it looks as though the end list item I’m trying it on is too long (it has more width in pixels than the rest at leasrt). Either that or the list items aren’t being spread out evenly.

   Any idea of what to try?

9. 9 March 14, 2012 5:37 am Anthony

   Hi,

   I am trying to use this on a list, the list is vertical instead of horizontal but it seems to want to stop at around 320px wide? Any ideas?

10. 10 April 19, 2012 9:50 pm Jon

    Any thoughts on how you could alter this to allow for a space between two li’s but center around it as in a split navigation on both sides of a logo with a width of 100px absolute postioned over the menu…

    item1 item2 item3 logo item4 item5 item6

11. 11 April 20, 2012 7:36 pm Andy Ford

    @Jon I suppose you could divide 100 by the total number of tabs and subtract that amount from each tab then add 100px right margin to the 3rd tab.

    But that seems like a bit much. Honestly I haven’t used this technique in quite a while now and would more likely opt to use display: table and display: table-cell.