New template: column layout CSS

[Erin Paseka]

Are those nifty-looking column classes ready for us to use? The 3-column layout works on the example page but not on my own page, even when I copy and paste the exact same code. It makes each column about 2/5 of the available width, so the rightmost column hangs below.

http://www.unl.edu/gradstudies/beta

(In other news, I'm becoming a big fan of the "shadow box" classes. Very easy to use!)

[saltybeagle]

Aha... we obviously don't test the liquid layout very often.... :-/

Ok, now it's better within the liquid layout.

The 'columns' within the liquid layout will be a little off at large screen widths because their width is percentage based, but their padding pixel based.

[rin]

I'm using the three columns, but they don't work right in IE. I weint to the webdevnet page that displays the columns with IE and it doesn't display properly either. Works beautifully in firefox tho...

[saltybeagle]

I'll start by saying... '*beep* IE.'

Now... I noticed something on the Sample Content Layouts page [1] with the two column variants... wrapping the text in a paragraph, or putting a line break br after the image fixed that issue.

As far as a three column layout problem... I don't see any issues on the Web Dev Net site [2], [3] using IE 6.0.2900 on XP w/ SP2.

If you still see a problem, can you submit the URL of the page with the problem, and the full details on your browser, version etc? Screenshots are helpful as well.

[1] http://www.unl.edu/webdevnet/documentat ... tent.shtml
[2] http://www.unl.edu/webdevnet/
[3] http://www.unl.edu/webdevnet/documentation/index.shtml

[rin]

Oh sure now it loaded right. It was page [1] I saw with issues.

I fixed my page by setting the padding to 0px for the two_col and col.

and yes... I agree with your IE statement. Just need to convince the masses to ditch it completely.