Technology Tools for Ministry

Community

Web-Empowered Church User Community
All Categories > Getting Started > Templates > Change template to fixed page width
Total Posts: 10 - Pages (1): [1]
user picture Author: Tobias Bosshard
Posted: May 22 2008 - 11:06 AM
Subject: Change template to fixed page width
I'm using the template "NatureOfHope_2Col_Earth" / template6-sub2earth at the webpage www.figliuolo.net. Depend of the resolution of the users (with wide screens), the appearance is very different / strange.
Now I tried to modify the files "styles.css", but without success. Could somebody help me, please?

Tobias
Author: Manfred Hungerland
Posted: May 22 2008 - 12:32 PM
Subject: re: Change template to fixed page width
Hi Tobias

go in the File template.htm

look for this line:
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="main-table">


change it to something like this:
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0" class="main-table">


Shalom
Manfred
user picture Author: Tobias Bosshard
Posted: May 22 2008 - 12:45 PM
Subject: re: Change template to fixed page width
Hello Manfred,

thanks for your answer. I checked the html-file, but there is no table. The template is made with "<div", therefore I tought, I have to modify the file "styles.css"...

Tobias
Author: Manfred Hungerland
Posted: May 23 2008 - 05:34 AM
Subject: re: Change template to fixed page width
Hi Tobias

could you post the Template File.
Shalom
Manfred
user picture Author: Tobias Bosshard
Posted: May 23 2008 - 06:56 AM
Subject: re: Change template to fixed page width
Dear Manfred,

thanks for your support. The files found you under:
http://www.figliuolo.net/fileadmin/tv-templates/template6/template.htm
http://www.figliuolo.net/fileadmin/tv-templates/template6/styles.css
http://www.figliuolo.net/fileadmin/tv-templates/template6-sub2earth/template.htm
http://www.figliuolo.net/fileadmin/tv-templates/template6-sub2earth/styles.css

Tobias
Author: Manfred Hungerland
Posted: May 23 2008 - 12:15 PM
Subject: re: Change template to fixed page width
Hi Tobias

with this Template it works different.
Now I tried to modify the files "styles.css", but without success.

You are trying in the right File.

Try something like this:
body {
background-color: #cccccc;
background-image: url(images/body-rpt.gif);
background-repeat: repeat-x;
background-position: top left;
margin: 0px;
padding: 0px;
width: 800px;
}


and maybe also this:

#header {
height: 136px;
background-image: url(images/banner2.jpg);
background-repeat: no-repeat;
background-position: top right;
margin: 0px;
padding: 0px;
width: 800px;
}


you have "only" ( if you want ) to get thing all in the middle.

Shalom
Manfred
user picture Author: Tobias Bosshard
Posted: May 24 2008 - 12:57 PM
Subject: re: Change template to fixed page width
Dear Manfred,

thanks for your hint. I changed the styles.css-file, but it wasn't easy for me. I had to study the css format, but now it's seems okay. The problems were:

1. align center

body {
margin: 0px auto;
background-color: #EEEEEE;
padding: 0px;
text-align: center; /* center for Internet Explorer */
width: 1150px;

}


#header {
background: transparent;
height: 136px;
background-image: url(images/banner2.jpg);
background-repeat: no-repeat;
background-position: top right;
margin: 0px auto;
width: 1150px;
text-align: left; /* again left for text */

}


2. background repeat

I had to change all backgrounds: repeat-x => no-repeat

3. Min height

IE don't accept min-height, therefore this hack:

#wrapper {
background: #FCFCFC url(images/sidebar-bg.gif) repeat-y right;
margin: 0px auto;
width: 1150px;
text-align: left;
min-height:550px;
height:auto !important;
height:550px;

}


Thanks a lot and I hope this information helps to others.

www.figliuolo.net

Tobias

.
Author: Manfred Hungerland
Posted: May 24 2008 - 01:07 PM
Subject: re: re: Change template to fixed page width
Hi Tobias

if you have only one Template to work on ( not reguarly ) i could try the Demoversion of
Adobe Dreamweafer: http://www.adobe.com/products/dreamweaver/?promoid=BPDEC

It works for 30 Days.

Shalom
Manfed
Author: Manfred Hungerland
Posted: May 24 2008 - 01:10 PM
Subject: re: Change template to fixed page width
Hi again

you are shure this is right?
width: 1150px;


Many people don't have a wide Screen
A normal Resolution on a Monitor ( old Style ) would be 1024 x 768.

Shalom
Manfred
user picture Author: Tobias Bosshard
Posted: May 30 2008 - 07:14 AM
Subject: re: Change template to fixed page width
Dear Manfred,

I'm back... Thanks for your remarks. I tested several resolutions and browsers, it seems okay for me.

Tobias
Total Posts: 10 - Pages (1): [1]
Click here for a complete list of threads
You must login to post a message to this conference.