Icy Phoenix

Old Styles Topics - Page Width

wingzfan [ Wed 31 Oct, 2007 14:39 ]
Post subject: Page Width

Normally the page width is set in the overall header but I cant figure it out in IP. Im trying to make the black pearl template 1024 wide and centered. Can someone point me in the right direction

novice programmer [ Wed 31 Oct, 2007 15:20 ]
Post subject: Re: Page Width

This code?

Code: [Hide] [Select]

<align=center>

<table width="1024" height="768" border="0">

DATA

DATA

DATA

</table>

</align>

PS: Moving to templates.

Moved.

wingzfan [ Wed 31 Oct, 2007 15:30 ]
Post subject: Re: Page Width

Is that the code currently in the file or is that what I need to add? What file is that in?

novice programmer [ Wed 31 Oct, 2007 15:44 ]
Post subject: Re: Page Width

wingzfan wrote: [View Post]
Is that the code currently in the file or is that what I need to add? What file is that in?

The code to add.
You can change its width and height values, as the border one.
Post if it correct your problem.

wingzfan [ Wed 31 Oct, 2007 15:56 ]
Post subject: Re: Page Width

novice programmer wrote: [View Post]
wingzfan wrote: [View Post]
Is that the code currently in the file or is that what I need to add? What file is that in?

The code to add.
You can change its width and height values, as the border one.
Post if it correct your problem.

sorry, not really sure where to put that code

novice programmer [ Wed 31 Oct, 2007 16:26 ]
Post subject: Re: Page Width

Just put in header the align and table open codes, and the close code in the footer tpl files

wingzfan [ Thu 01 Nov, 2007 03:06 ]
Post subject: Re: Page Width

Ok I was able to adjust the size but it wont align center. I used

<table width="1000" align="center" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>

in the header and closed it in the footer. Anyone have any ideas why it wouldnt center?

novice programmer [ Thu 01 Nov, 2007 13:10 ]
Post subject: Re: Page Width

because you have to center the table, with

Code: [Hide] [Select]

<align="center">

Before the table starts

And in footer:

Code: [Hide] [Select]

</align>

Just inmedetly after from the table closes

wingzfan [ Thu 01 Nov, 2007 13:39 ]
Post subject: Re: Page Width

novice programmer wrote: [View Post]
because you have to center the table, with

Code: [Hide] [Select]
Code: [Show]
<align="center">

Before the table starts

And in footer:

Code: [Hide] [Select]
Code: [Show]
</align>

Just inmedetly after from the table closes

Ok did that

header:

Code: [Hide] [Select]

<body>

<align="center">

<table border="0" width="900" cellspacing="0" cellpadding="0">

	<tr>

		<td>

Footer:

Code: [Hide] [Select]

</td>

			</tr>

		</table>

		</align>

</body>

Still lines up on the left side of the page though. If I change the align to the right it goes to the right side but it wont center no matter what I try.

novice programmer [ Thu 01 Nov, 2007 15:23 ]
Post subject: Re: Page Width

Try this:

Header:

Code: [Hide] [Select]

Footer:

Code: [Hide] [Select]

</table>

wingzfan [ Thu 01 Nov, 2007 15:41 ]
Post subject: Re: Page Width

novice programmer wrote: [View Post]
Try this:

Header:

Code: [Hide] [Select]
Code: [Show]
<table border="0" width="900" cellspacing="0" cellpadding="0" align=center>

Footer:

Code: [Hide] [Select]
Code: [Show]
</table>

Still nada, its ok Ill just leave it full page. Thank you very much for your help though.

Mighty Gorgon [ Thu 01 Nov, 2007 22:19 ]
Post subject: Re: Page Width

Do not use tables for that... use div instead.

OPEN this in header just after <body> tag:

Code: [Hide] [Select]

and CLOSE it in footer just before </body> tag:

Code: [Hide] [Select]

</div>

Let me know.

Remember that if you have 1024 you need a width which is less than 1024 otherwise page will stretch, because you need extra pixels to show its full width. 960 pixels it is usually enough even for including scrollbars.

wingzfan [ Fri 02 Nov, 2007 04:44 ]
Post subject: Re: Page Width

Mighty Gorgon wrote: [View Post]
Do not use tables for that... use div instead.

OPEN this in header just after <body> tag:

Code: [Hide] [Select]
Code: [Show]
<div style="width:960px;clear:both;margin: 0 auto;">

and CLOSE it in footer just before </body> tag:

Code: [Hide] [Select]
Code: [Show]
</div>

Let me know.

Remember that if you have 1024 you need a width which is less than 1024 otherwise page will stretch, because you need extra pixels to show its full width. 960 pixels it is usually enough even for including scrollbars.

Awesome that worked perfectly. Thank you so much man. BTW, you have done an amazing job with this system man. Im thoroughly impressed.

Mighty Gorgon [ Mon 09 Jun, 2008 12:20 ]
Post subject: Re: Page Width

Thanks!