SimplePortal

Customization => Themes and Graphics => Topic started by: c23_Mike on February 28, 2012, 05:16:46 AM

Title: Min Width of the full Page
Post by: c23_Mike on February 28, 2012, 05:16:46 AM

Hi there!

There is a config of the width of the left and of the right panel. The middle section gets the rest of it. But for visibility of pads and phones there should be a minimum width for the whole page. So that the middle section (and the forum threads) all time are good visible, or if there is need of a scroll bar, this is at the bottom bar for the whole page.

So I went in the admin section to edit the actual theme, and edited in the index.css following two sections:

Code: [Select]

/* The main content area.
------------------------------------------------------- */
.content
{
   min-width: 1024px;
   padding: 0.5em 1.2em;
   margin: 0;
   border: none;
}
.content p
{
   min-width: 1024px;
   margin: 0 0 0.5em 0;
}

Code: [Select]

/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */

/* the framing graphics */
#header
{
   background: url(../images/theme/main_block.png) #fefefe no-repeat 0 -240px;
   padding-left: 20px;
}
#header div.frame
{
   background: url(../images/theme/main_block.png) no-repeat 100% -240px;
   display: block;
   padding: 5px 20px 0 0;
}
/* the content section */
#content_section
{
   background: #FFFFFF url(../images/theme/frame_repeat.png) repeat-y top left;
   padding-left: 20px;
}
#content_section div.frame
{
   background: url(../images/theme/frame_repeat.png) repeat-y top right;
   display: block;
   padding: 0 20px 0 0;
}
#main_content_section
{
   min-width: 1024px;
   width: 100%;
   min-height: 200px;
}
........

But both edits doesn´t the effect I want to have.

Can anyone help me?

Title: Re: Min Width of the full Page
Post by: AngelinaBelle on February 29, 2012, 02:10:19 PM

The situation gets complicated.
Using firebug for firefox, or IE F12 tools, have a look at the width of the 3 sections together.
How does it add up?

The portal was designed to work on a variety of browsers on a desktop PC, using CURVE and CURVE-based themes. Fitting it to work for smart phones and tablets will require some more work.

There have been some changes to widths in 2.3.4, and I have not been able to have the time to evaluate how they work out on different platforms.  You'll need to look at all the content areas in simpleportal, as well as looking through the CSS for the theme layers to unravel this one.