Comments on: Faux Columns http://mattsnider.com/architecture/faux-columns/ Understanding JavaScript and Frameworks Tue, 06 Jan 2009 15:43:36 +0000 http://wordpress.org/?v=2.7 hourly 1 By: Kravvitz http://mattsnider.com/architecture/faux-columns/comment-page-1/#comment-3658 Kravvitz Mon, 21 Jan 2008 23:48:40 +0000 http://mattsnider.com/architecture/faux-columns/#comment-3658 Not quite. Normally the clearfix class would be applied to the parent of the floated element(s), which in this case is #main. In case anyone is unfamiliar with the PIE/Aslett clearfix technique, here are the two main articles about it: <a href="http://www.csscreator.com/attributes/containedfloat.php" rel="nofollow">Contained Floats</a> <a href="http://www.positioniseverything.net/easyclearing.html" rel="nofollow">How To Clear Floats Without Structural Markup</a> Not quite. Normally the clearfix class would be applied to the parent of the floated element(s), which in this case is #main.

In case anyone is unfamiliar with the PIE/Aslett clearfix technique, here are the two main articles about it:
Contained Floats
How To Clear Floats Without Structural Markup

]]> By: admin http://mattsnider.com/architecture/faux-columns/comment-page-1/#comment-3656 admin Mon, 21 Jan 2008 23:39:27 +0000 http://mattsnider.com/architecture/faux-columns/#comment-3656 Krawitz, You are right, the PIE/Aslett clearfix, should be added onto the last element in the "main" div (in this case, the "content" div). However, I was having difficulty getting it to work right in all browsers, so I stopped released what was working. And yes, footer can be moved into the "main" div with a "clear:both" style applied. The "background" of "footer" will cover the column "background" applied to the "main" div, so you could use: … <body><div id=”doc”> <div id=”header”>This is my header</div> <div id=”main”> <div id=”sidebar”>Put sidebar elements here</div> <div id=”content”>Put content elements here</div> <div id=”footer”>This is my footer</div> </div> </div></body> … Krawitz,

You are right, the PIE/Aslett clearfix, should be added onto the last element in the “main” div (in this case, the “content” div). However, I was having difficulty getting it to work right in all browsers, so I stopped released what was working.

And yes, footer can be moved into the “main” div with a “clear:both” style applied. The “background” of “footer” will cover the column “background” applied to the “main” div, so you could use:

…
<body><div id=”doc”>
<div id=”header”>This is my header</div>
<div id=”main”>
<div id=”sidebar”>Put sidebar elements here</div>
<div id=”content”>Put content elements here</div>
<div id=”footer”>This is my footer</div>
</div>
</div></body>
…

]]> By: Kravvitz http://mattsnider.com/architecture/faux-columns/comment-page-1/#comment-3650 Kravvitz Mon, 21 Jan 2008 23:09:05 +0000 http://mattsnider.com/architecture/faux-columns/#comment-3650 Matt, the point of the PIE/Aslett clearfix technique is to allow you to be able to clear elements without adding an extra element for clearing. (And why did you leave out part of the CSS for that technique?) You don't even need it here. Simply move #footer inside #main. (You already gave #footer a background-color which would be needed if you hadn't.) Matt, the point of the PIE/Aslett clearfix technique is to allow you to be able to clear elements without adding an extra element for clearing. (And why did you leave out part of the CSS for that technique?)

You don’t even need it here. Simply move #footer inside #main. (You already gave #footer a background-color which would be needed if you hadn’t.)

]]> By: admin http://mattsnider.com/architecture/faux-columns/comment-page-1/#comment-2553 admin Wed, 02 Jan 2008 07:48:25 +0000 http://mattsnider.com/architecture/faux-columns/#comment-2553 Happy New Year to you as well. I am excited to have an international audience ^_^. Happy New Year to you as well.

I am excited to have an international audience ^_^.

]]> By: the DtTvB http://mattsnider.com/architecture/faux-columns/comment-page-1/#comment-2477 the DtTvB Tue, 01 Jan 2008 03:40:35 +0000 http://mattsnider.com/architecture/faux-columns/#comment-2477 Oops, it is new year on my country (Thailand), about 3 hours and 20 minutes on yours. :P Oops, it is new year on my country (Thailand), about 3 hours and 20 minutes on yours.

:P

]]> By: the DtTvB http://mattsnider.com/architecture/faux-columns/comment-page-1/#comment-2475 the DtTvB Tue, 01 Jan 2008 03:39:22 +0000 http://mattsnider.com/architecture/faux-columns/#comment-2475 Another nice article. I saw a lot of Faux columns on a lot of websites. But I think that the content should have the background color also. That way the content will show correctly when the image is not completely loaded. I saw a lot of WordPress themes that doesn't specify a background color on light sections, it makes the text unreadable when the image isn't loaded completely, or when user disabled image displaying. By the way, <strong>Happy New Year!</strong> Another nice article. I saw a lot of Faux columns on a lot of websites. But I think that the content should have the background color also. That way the content will show correctly when the image is not completely loaded.

I saw a lot of WordPress themes that doesn’t specify a background color on light sections, it makes the text unreadable when the image isn’t loaded completely, or when user disabled image displaying.

By the way,
Happy New Year!

]]>