Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 17
  1. #1
    Regular Coder Doctor_Varney's Avatar
    Join Date
    Mar 2008
    Location
    Midlands, UK
    Posts
    649
    Thanks
    45
    Thanked 29 Times in 28 Posts

    Not a question, a comment. This is bloody clever!

    It's no news, I'm sure nearly everyone's seen it. Probably understood it, well before I even came across it. Thanks to effpeetee for directing me to it.

    Equal-height-columns-cross-browser-css-no-hacks

    It astounds me. It is so elegant that it reminds me of the sort of extrapolations Einstein made in working out the interconnectedness between space and time.

    I do have a question, however... Just one...

    How on earth does a person work this out in the first place? I build things, all the time. Small and large structures. I can see them in my head, before I build them. Adding a roof to four walls does not cause bricks to fly up into the air... and there is only one reality... the laws of physics. Unlike the multiple perspectives of the different browsers. It is outside of my mind's capability to create structures in inner space, which only have meaning in computer displays - and although I now roughly understand it, I cannot imagine myself ever thinking up anything like this.

    What kind of brain can think this stuff up - and did whoever invented CSS ever imagine this kind of thing would be possible or even necessary - or are these the sort of techniques anticipated by the inventors, when CSS was first conceived?

    I mean - let's face it. Picture yourself at the dawn of CSS and someone says: "Hey, you can position page divisions anywhere you like on a page instead of making tables out of spaghetti..." You wouldn't immediately think you'd need to turn your head inside out, just to make something that looks a bit like a newspaper!

    A light has come on. It's still dim but it's growing brighter, with each paragraph I read.

    It makes me feel stupid, but I accept it. Maybe now I'll be able to design stuff that doesn't look stupid anymore.

    Thank you, Frank. Thank you, Mathew James Taylor. Thank you, for reading.

    Dr. V
    Last edited by Doctor_Varney; 08-30-2010 at 04:18 AM.
    Definition: Computer rage is a heightened physiological response with associated feelings of anger and frustration[1] resulting from using a computer or other complex electronic device. It may result in the physical assault of the computer or similar item.[2] Computer use often leads to verbal abuse and occasionally physical violence towards the object.[3] Computer rage may be caused by distress due to a hardware or software problem which the enraged person is unable to correct.

  • #2
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    How on earth does a person work this out in the first place?
    dunno but, if we were to spend time dwelling on *how*, we wouldn't been thinking about the 'next big thing' coz we would be side-tracked

    Very useful post. thank you. I have been relying on JS and it gives me a headache.

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #3
    Regular Coder Doctor_Varney's Avatar
    Join Date
    Mar 2008
    Location
    Midlands, UK
    Posts
    649
    Thanks
    45
    Thanked 29 Times in 28 Posts
    Quote Originally Posted by bazz View Post
    dunno but, if we were to spend time dwelling on *how*, we wouldn't been thinking about the 'next big thing' coz we would be side-tracked

    bazz
    You're absolutely right, Baz. There comes a point where one has to stop thinking and just accept it - and just go out there and DO it. Bit like politics, I suppose.

    And thanks for the comment.

    Dr. V
    Definition: Computer rage is a heightened physiological response with associated feelings of anger and frustration[1] resulting from using a computer or other complex electronic device. It may result in the physical assault of the computer or similar item.[2] Computer use often leads to verbal abuse and occasionally physical violence towards the object.[3] Computer rage may be caused by distress due to a hardware or software problem which the enraged person is unable to correct.

  • #4
    Nyk
    Nyk is offline
    New Coder
    Join Date
    Aug 2010
    Posts
    20
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Removed.

  • #5
    Regular Coder Doctor_Varney's Avatar
    Join Date
    Mar 2008
    Location
    Midlands, UK
    Posts
    649
    Thanks
    45
    Thanked 29 Times in 28 Posts
    Why removed?

    Dr. V
    Definition: Computer rage is a heightened physiological response with associated feelings of anger and frustration[1] resulting from using a computer or other complex electronic device. It may result in the physical assault of the computer or similar item.[2] Computer use often leads to verbal abuse and occasionally physical violence towards the object.[3] Computer rage may be caused by distress due to a hardware or software problem which the enraged person is unable to correct.

  • #6
    Nyk
    Nyk is offline
    New Coder
    Join Date
    Aug 2010
    Posts
    20
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I thought you were referring to a different layout on the same website (before checking the link) and thus my comment wasn't really valid. Sorry about that.

    Great thread, though. MJT is quite talented.

  • #7
    Regular Coder Doctor_Varney's Avatar
    Join Date
    Mar 2008
    Location
    Midlands, UK
    Posts
    649
    Thanks
    45
    Thanked 29 Times in 28 Posts
    Yes. However... none of this appeals to my brand of logic. Unless I parrot his code, I don't stand a chance of being able to create my own custom layouts based on this principle.

    In practice, I'm finding it's actually too clever to be of any real use here.

    Does anyone know of a more straightforward method? Surely, CSS is not so weird and broken that we have to resort to making chinese puzzles, to make a simple columnular layout with equal columns???

    After all, newspapers have been doing this for hundreds of years. Computers make our lives easier? Heh... I don't think so...

    Dr. V
    Last edited by Doctor_Varney; 09-01-2010 at 09:11 PM.

  • #8
    The Apostate Apostropartheid's Avatar
    Join Date
    Oct 2007
    Posts
    3,215
    Thanks
    16
    Thanked 265 Times in 263 Posts
    Quote Originally Posted by Doctor_Varney View Post
    Yes. However... none of this appeals to my brand of logic. Unless I parrot his code, I don't stand a chance of being able to create my own custom layouts based on this principle.

    In practice, I'm finding it's actually too clever to be of any real use here.

    Does anyone know of a more straightforward method? Surely, CSS is not so weird and broken that we have to resort to making chinese puzzles, to make a simple columnular layout with equal columns???

    After all, newspapers have been doing this for hundreds of years. Computers make our lives easier? Heh... I don't think so...

    Dr. V
    Some people just love puzzles.

    The method which has currency at the moment is faux columns.

  • #9
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    A few more to look at.

    Frank
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #10
    Regular Coder Doctor_Varney's Avatar
    Join Date
    Mar 2008
    Location
    Midlands, UK
    Posts
    649
    Thanks
    45
    Thanked 29 Times in 28 Posts
    Quote Originally Posted by Apostropartheid View Post
    Some people just love puzzles.
    I love a challenge but this precise type of 'puzzle' is no fun when you suffer with discalculia.

    My point is, it shouldn't be a puzzle, just for the average person to create something which has been in print for hundreds of years in all it's mind-stupefying simplicity - but it is and I just have to accept that.

    Thank you, Frank. I'll take a good look at those.

    Dr. V
    Last edited by Doctor_Varney; 09-01-2010 at 10:04 PM.

  • #11
    Regular Coder
    Join Date
    Jan 2010
    Posts
    153
    Thanks
    53
    Thanked 0 Times in 0 Posts
    I always feel like you Dr. V.
    But isn't trail and error the most important step in innovation?

  • #12
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Faux columns are OK, in specific circumstances but they don't seem to fit with fluid layouts, unless I haven't understood their full potential.

    I think there ought to be a CSS attribute which provides several options.

    div-height: full /* extends to the bottom of the viewport no matter where it starts */
    div-height: content /* extends to accommodate the content */
    div-height: set /* in px or em, set to the height required for the design.*/

    surely can't be too difficult a concept for CSS 3.

    bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #13
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    My 'Sources' program uses javascript to keep the columns equal length.

    Frank
    Last edited by effpeetee; 09-02-2010 at 08:08 AM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #14
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

  • #15
    Regular Coder Doctor_Varney's Avatar
    Join Date
    Mar 2008
    Location
    Midlands, UK
    Posts
    649
    Thanks
    45
    Thanked 29 Times in 28 Posts
    Quote Originally Posted by wincode View Post
    I always feel like you Dr. V.
    But isn't trail and error the most important step in innovation?
    Yes of course but I think you're missing my point.

    Not everyone can be an innovator. Designing a new car wouldn't normally necessitate re-inventing the wheel. The people who first thought of cramming websites into table cells were innovators but they did so in a way that did not benefit everyone. I really would have thought the fact it happened at all highlights a need for a straightforward, intuitive web design language. Now THAT would have been innovative, in itself. The public want to view pages which resemble the printed documentation they are used to reading. CSS development responds to that need by serving us with something we still must hack, poke and generally circumvent, in order to produce the staple and logical layouts, used for the last few hundred years.

    Even if you don't agree with what I'm saying, you understand it, without me needing to find 'innovative' ways to express it. That's because the language we are all using here is quite adequate for expressing ourselves.

    There shouldn't be any need for 'innovation' if the language itself is adequate, intuitive and accessible to all.

    'Innovation' would then be about doing things web designers don't 'normally' do. That would be exciting.

    I'm not saying web design should be made easy or that CSS is "no good coz I can't do it well". I'm saying that from my point of view, as someone who is able to do a variety of things, it does not immediately make sense when trying to do the most fundamental things with it.

    Dr. V
    Last edited by Doctor_Varney; 09-02-2010 at 08:12 PM.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •