First off, let me say thank you so much for this, I've got a client for whom I just today started working with their designer to port her design to drupal... your them contribution is perfect for it!
I've encountered a problem however and I'm not sure if it's the code or something I'm missing but here's what I've found:
-When working with a 3-column layout and fluid widths, my goal is to have a 20% right column | 40% center column | 40% left column, however, when I've tried to set that, it seems that A and C are always linked together in terms of space being used.
-B-C work fine set at 80% and they appear that way... however the content is squished into not using the extra 20% since C is connected to A
I may not be explaining this very well but let me show you what is happening: http://s28619.gridserver.com/
Thank you so much for your contribution and I hope you can help me with my little problem!
| Comment | File | Size | Author |
|---|---|---|---|
| #4 | page.tpl_.php__4.txt | 5.09 KB | Caleb G2 |
| #3 | style.css__0.txt | 7.47 KB | Caleb G2 |
| #2 | page.tpl_.php__3.txt | 5.09 KB | jdcoffman |
Comments
Comment #1
Caleb G2 commentedHi jdcoffman,
So it sounds like you're trying to use custom widths right? I assume the way most people will use atck, but there are some tricks to doing it.
If you could attach your page.tpl.php file and your style.css I'd be glad to take a look and try and see what the issue is. I believe you're correct that at the moment some things are a little more tied-together than might be optimal for custom settings. If I can figure some of these things I'll let you know and update atck. (will probably involve separating some of the selectors from each other)
Comment #2
jdcoffman commentedYeah I'm currently trying to do custom widths within a fluid layout.
I'm linking to my files as well:
http://s28619.gridserver.com/themes/SD08Theme/style.css
Comment #3
Caleb G2 commentedHi jdcoffman,
Ok, there were several errors in your style.css as well as one mis-assigned class in you page.tpl.php file - it looks like you got desperate and started fling at things! ;-)
If you don't have firebug yet - do yourself a huge favor and get it. Many hours of frustration can be saved. :-)
In any case, I've attached a new page.tpl.php and new style.css that does what your described (liquid, 40%left, 40%center, and 20%right)
I'll probably update the documentation about this type of things sometime soon.
Comment #4
Caleb G2 commentedHere's the page.tpl.php file
Comment #5
Caleb G2 commentedOne more thing...be sure to update your fix-ie-6 and fix-ie-7 files. ;-)
If you want to see what has changed between what I made and the original style.css you can do a diff on the files.
Comment #6
jdcoffman commentedThanks!
Comment #7
(not verified) commentedAutomatically closed -- issue fixed for two weeks with no activity.