Hi.  I have created a skin/container package that is ready to go but I have one problem.  According to documentation the leftpane class in the skin.css file specifies a width of 175px as a default.

Well I do not believe this works at all.  A simple test I have done was to start with an empty page using say DNN-blue and just place a text/html container to the left pane only.  Changing the width value to say 500px, will not budge the width of the container at all.

Strangely though, it will change the container width if you specify a % instead of px!!!

Why does this happen?

Basically what I am trying to do is specify an area of testimonials, but the width of the container ends up being only around 40-50px wide.  I need it to be around 175px as specified in the leftpane in the skni.css.

Here is my definition of the leftpane:

.leftpane {
 width: 175px;  
 background-color: transparent;
 padding-left: 1px;
 padding-right: 1px;
 padding-top: 6px;
}

Thanks to anyone offering help.

Cheers Jim.

One more thing. The container is set to be 100% wide so that takes up the whole width of whatever pane it is inserted into. Basically I have used an already created container from DNN-blue to keep it simple.

Thanks Jim

Also I am using DNN 4.3.3. Sorry I should have mentioned this earlier.

Hi Jim,

Ok, if we are working from the DNN Blue skin. The first thing you need to check is that there is room for the width. - This caught me out when I was looking at it for you.

Take the default Home page and delete the module from the right pane.

Go to the skin.css file

remove from the .contentpane class width:100%

in the leftpane class you can now specify a width in pixels and the width will change ie. width: 300px

You will see that the left pane expands.

It will be a matter of you experimenting with the content and width settings for these various elements.

Hope this gives you a starting point.

Thanks,

Thanks Lee.

I did a quick test and this seems to work. Boy...I think I would never had worked that out. Can be tricky.

Thanks again.
Jim

Hmmm. Seemed to be a winner, but not really getting the results I want. Seems to be fine when it is in IE 6, but on Mozzila Firefox, things do not look as nice or even.

I guess the best thing to do is to define a 1px image in my skin file for the left and right content panes and assign the classes leftpane and rightpane respectively. I have done some quick tests and this seems the way to go.

If anyone else has come up with a way to clearly define the width of the leftpane and rightpane and would look good and even no matter what is in the containers and also looks good and even in Firefox, please let me know.

Thanks again Lee.