The PokéCommunity Forums  

Go Back   The PokéCommunity Forums > Blogs > Diaries of a Quadruped
Sign Up Rules/FAQ Live Battle Blogs Mark Forums Read

Notices

TwigZone's moved to a better place, and so does this blog.

The blog's going to be left as is, as an archive, but no more.
Rate this Entry

The [TWOCOLUMN] tag

Posted December 21st, 2011 at 03:35 AM by Twiggy
Updated December 21st, 2011 at 04:12 AM by Twiggy

Anyone using any version of IE10 should check out the following text.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Then try it again in Firefox, Chrome or some other browser that's not IE.

Notice the difference? It's a problem within the code. The [twocolumn] tag uses only vendor-specific CSS code - that is, usable in certain layout engines only.

To be exact, column-count:2; column-gap:2em. You'll need them both.

Here's an example in IE10-friendly version:

(column-count:2;column-gap:2em;-moz-column-count:2;-moz-column-gap:2em;-webkit-column-count:2;-webkit-column-gap:2em)

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


That said, I think the TWOCOLUMN tag needs to be updated into a MULTICOLUMN tag, huh? More variables, like more than two columns and/or depending on the width...

I was checking this out: http://en.wikipedia.org/wiki/Compari..._Style_Sheets)
Posted inMisc
Views 1985 Comments 8
« Prev     Main     Next »
Total Comments 8

Comments

  1. Old Comment
    Forever's Avatar
    IT WORKS ON CHROME LOVELY.
    Posted December 21st, 2011 at 04:07 AM by Forever Forever is offline
  2. Old Comment
    Twiggy's Avatar
    Quote:
    Originally Posted by Forever View Comment
    IT WORKS ON CHROME LOVELY.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


    See if this works in Chrome.
    Posted December 21st, 2011 at 04:08 AM by Twiggy Twiggy is offline
  3. Old Comment
    Impo's Avatar
    If it's meant to be two columns for it all then I'm getting something :?
    Posted December 21st, 2011 at 05:38 AM by Impo Impo is online now
  4. Old Comment
    Twiggy's Avatar
    Yup. If your browser supports it, it should show up as two columns.

    The first example will not work in IE10 and its Platform Previews.
    The second example will work in anything that supports CSS3 Multi-Column Layout.
    The third example, in my quote to Nica, will not work in WebKit-based browsers.
    Posted December 21st, 2011 at 05:40 AM by Twiggy Twiggy is offline
  5. Old Comment
    vaporeon7's Avatar
    Did this work
    on safari?
    I hope
    it did
    Posted December 21st, 2011 at 07:51 AM by vaporeon7 vaporeon7 is offline
  6. Old Comment
    Twiggy's Avatar
    Quote:
    Originally Posted by vaporeon7 View Comment
    Did this work
    on safari?
    I hope
    it did
    Safari is WebKit, so it should. In fact, it's one of the earliest browsers that supported multi-column layout.

    Now I think I'd like to see people comment on this... XD
    Posted December 21st, 2011 at 08:52 AM by Twiggy Twiggy is offline
  7. Old Comment
    Zeffy's Avatar
    I can see all three just fine. AM I LUCKY!???
    Posted December 25th, 2011 at 10:17 PM by Zeffy Zeffy is offline
  8. Old Comment
    Twiggy's Avatar
    Quote:
    Originally Posted by Zeffy View Comment
    I can see all three just fine. AM I LUCKY!???
    This means that you're either using Firefox or IE10. XD Or something that isn't WebKit.
    Posted December 25th, 2011 at 10:29 PM by Twiggy Twiggy is offline
 

All times are UTC -8. The time now is 02:39 AM.


Style by Nymphadora, artwork by Sa-Dui.
Like our Facebook Page Follow us on Twitter © 2002 - 2014 The PokéCommunity™, pokecommunity.com.
Pokémon characters and images belong to The Pokémon Company International and Nintendo. This website is in no way affiliated with or endorsed by Nintendo, Creatures, GAMEFREAK, The Pokémon Company or The Pokémon Company International. We just love Pokémon.
All forum styles, their images (unless noted otherwise) and site designs are © 2002 - 2014 The PokéCommunity / PokéCommunity.com.
PokéCommunity™ is a trademark of The PokéCommunity. All rights reserved. Sponsor advertisements do not imply our endorsement of that product or service. User generated content remains the property of its creator.