Comments on: The ultimate guide to CSS-based column layouts http://www.robertnyman.com/2005/05/19/the-ultimate-guide-to-css-based-column-layouts/ Web development and Internet trends Tue, 07 Oct 2008 10:07:04 +0000 http://wordpress.org/?v=2.6.1 By: Robert Nyman http://www.robertnyman.com/2005/05/19/the-ultimate-guide-to-css-based-column-layouts/#comment-347 Robert Nyman Thu, 19 May 2005 14:39:00 +0000 http://www.robertnyman.com/2005/05/19/the-ultimate-guide-to-css-based-column-layouts/#comment-347 Jeroen, Bedankt (thank you)! I hope it will come in handy! :-) Jeroen,

Bedankt (thank you)!
I hope it will come in handy! :-)

]]> By: Jeroen Mulder http://www.robertnyman.com/2005/05/19/the-ultimate-guide-to-css-based-column-layouts/#comment-346 Jeroen Mulder Thu, 19 May 2005 14:10:01 +0000 http://www.robertnyman.com/2005/05/19/the-ultimate-guide-to-css-based-column-layouts/#comment-346 Brilliant! Another one to go into my bookmarks :) Brilliant! Another one to go into my bookmarks :)

]]> By: Robert Nyman http://www.robertnyman.com/2005/05/19/the-ultimate-guide-to-css-based-column-layouts/#comment-338 Robert Nyman Thu, 19 May 2005 08:07:34 +0000 http://www.robertnyman.com/2005/05/19/the-ultimate-guide-to-css-based-column-layouts/#comment-338 Thank you! That's (pretty) easy. Just use <code>position:fixed; bottom:0;</code> for all standards-compliant web browsers, and the <a href="http://robertnyman.com/roblab/css.htm" rel="nofollow">expression fix</a> for Internet Explorer. However, then you'd probably want to set the height of the body and play around with that. And that's all the information you'll get now! :-) Thank you!

That’s (pretty) easy. Just use position:fixed; bottom:0; for all standards-compliant web browsers, and the expression fix for Internet Explorer.

However, then you’d probably want to set the height of the body and play around with that. And that’s all the information you’ll get now! :-)

]]> By: Box http://www.robertnyman.com/2005/05/19/the-ultimate-guide-to-css-based-column-layouts/#comment-336 Box Thu, 19 May 2005 07:48:31 +0000 http://www.robertnyman.com/2005/05/19/the-ultimate-guide-to-css-based-column-layouts/#comment-336 Nice one! Good to see some examples of the column heaven (or hell). I would like to see an example of the header, three col and footer layout, with the footer valign to the bottom of the page. There is so many solutions for this out there, but i would like to see your solution for it also. Nice one!

Good to see some examples of the column heaven (or hell).

I would like to see an example of the header, three col and footer layout, with the footer valign to the bottom of the page. There is so many solutions for this out there, but i would like to see your solution for it also.

]]> By: Robert Nyman http://www.robertnyman.com/2005/05/19/the-ultimate-guide-to-css-based-column-layouts/#comment-335 Robert Nyman Thu, 19 May 2005 07:34:19 +0000 http://www.robertnyman.com/2005/05/19/the-ultimate-guide-to-css-based-column-layouts/#comment-335 Thank you! :-) I would also really like somtehing similar to a same-height-as functionality. Using <code>line-height</code> and <code>vertical-align</code> for the applicable elements usually does the trick, but you need to be experienced in CSS to handle all different kinds of situations. It's no child's play writing interface code! :-) Thank you! :-)

I would also really like somtehing similar to a same-height-as functionality.

Using line-height and vertical-align for the applicable elements usually does the trick, but you need to be experienced in CSS to handle all different kinds of situations. It’s no child’s play writing interface code! :-)

]]> By: Erik http://www.robertnyman.com/2005/05/19/the-ultimate-guide-to-css-based-column-layouts/#comment-333 Erik Thu, 19 May 2005 07:17:04 +0000 http://www.robertnyman.com/2005/05/19/the-ultimate-guide-to-css-based-column-layouts/#comment-333 Go Robert, go Robert.. :) I really would like to have css features like "same-height-as: #divid" or something :) The tricky stuff with this from my 2 days experince as a div-column-ui-developer is to position things on the same "rows" and get them to stay there when the content is dynamic (e.g. the size varies from 10 chars to 250-400 chars). But there is always the nice table element, to save your day ;) Why can't Web-UI development be as predictable as C# development =) Go Robert, go Robert.. :)

I really would like to have CSS features like “same-height-as: #divid” or something :)

The tricky stuff with this from my 2 days experince as a div-column-ui-developer is to position things on the same “rows” and get them to stay there when the content is dynamic (e.g. the size varies from 10 chars to 250-400 chars). But there is always the nice table element, to save your day ;)

Why can’t Web-UI development be as predictable as C# development =)

]]>