Comments | s2expressive: Column width twt, Trees Noir, paid account

mygothangel in s2expressive

Column width twt, Trees Noir, paid account - SOLVED!

May 12, 2007 21:08

Hi ( Read more... )

Comments 10

av8rmike May 12 2007, 19:54:23 UTC

Your layer isn't viewable. Instructions are linked in the community's sidebar. Why did changing order of the modules require changing the width?

mygothangel May 12 2007, 20:01:53 UTC

Ooops, sorry, I accidentally made the theme instead of user layout viewable. All fixed now.

The custom text is wider than all the others, so I need something like 420px left, 200px right and the rest for the entries in the middle.

av8rmike May 12 2007, 21:24:29 UTC

OK, well, a lot of that CSS you put in to change the widths won't do anything because it doesn't override the base stylesheet. There's some good information in this and this post, but I found I had to do a little more to get yours looking right:

#container-inner { width: 1425px; margin-left: 0px;}
#content-inner{width: 1425px;}
#content {margin-left: 0px;}
#header-inner {width: 1425px;}
#beta {width: 420px;}
#gamma {width: 200px;}
.layout-twt #alpha{width: 805px;left: 420px;}
.layout-twt #alpha-inner{width: 785px;}
.layout-twt #beta{left: -805px;}I did this by basically overriding the base stylesheet one item at a time. I made #container-inner, #content-inner, and #header-inner the full page width and moved all the way to the left. #beta and #gamma's width get changed to what you wanted. 1425px-420px-200px leaves 805px for #alpha, less another 20px for the margins (width of #alpha-inner). Finally, shift #alpha 420px to the right (width of left sidebar) and #beta 805px to the left (negative value with relative positioning ( ... )

mygothangel May 12 2007, 21:35:35 UTC

umm, thanks, but either I'm too stupid to copy and paste or it doesn't work. Alpha and gamma are now all over the place and beta doesn't show at all... Any idea why?

The first link is only about header and the second one says "No such entry".

Thread 10