Support Spidean

Do you like our FREE downloads? How about the FREE support for the FREE downloads? Please help us out and donate any amount! It's fast and easy through PayPal.

Spidean Forums

Board Index > HTML/CSS > CSS Flexible Center Like This Site Has?


 < Last Thread   Next Thread >New Topic  Post Reply
Author: Subject: CSS Flexible Center Like This Site Has?

Newbie





Posts: 4
Registered: 2/7/2004
Status: Offline

  posted on 2/7/2004 at 09:40 AM
Shawn,

I really like the authotheme since I purchased it and have customized everything for my site look except for the flexible center. I have looked at a lot of sites with CSS examples but I can't seem to get it to work. Please tell me how to get the center to flex when the window is sized?

Thanks in advance,

Michael Wilson

 
Reply With Quote

Administrator




Posts: 4570
Registered: 10/7/2002
Status: Online

  posted on 2/7/2004 at 01:43 PM
Hi Mike,

I'm not quite sure what your asking, but I use a main table as my page and put everything inside of it and the main table is width="100%". Using percentages will adjust it to the users browser window and resolution.

HTH
-Shawn

 
Reply With Quote

Newbie




Posts: 4
Registered: 2/7/2004
Status: Offline

  posted on 2/7/2004 at 05:58 PM
Shawn, I have the same thing in terms of using percentages for my widths. In fact, I am using the Example 1 as a template for my site. I removed all the style sheet calls for column controls and stripped it down to just the simple style.css and the html.

Here is the code, let me know if you see anything that stands out.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>PostNuke Layout</title>
<link rel="stylesheet" type="text/css" href="sytle.css">
</head>

<body bgcolor="#CCCC99" >
<table border="0" cellpadding="8" cellspacing="0" width="100%" bordercolor="#000000" id="AutoNumber1"></td></tr>
<tr>
<td bgcolor="#999966">
<p align="center">
<td width="100%" bgcolor="#663300">&nbsp;</td>
<td bgcolor="#999966">
</tr>
<tr>
<td bgcolor="#CCCC66" valign="top">
<table border="1" cellpadding="4" cellspacing="0" bordercolor="#111111" width="150" id="AutoNumber4">
<tr>
<td width="100%" bgcolor="#FFFF99"><!-- [left-blocks] -->
</tr>
</table>
<p>&nbsp;</td>
<td width="100%" valign="top">
<table border="1" cellpadding="4" cellspacing="0" bordercolor="#111111" width="100%" id="AutoNumber5">
<tr>
<td width="100%" bgcolor="#660000"><b><font color="#FFFFFF">Center Block</font></b></td>
</tr>
<tr>
<p align="center"><img border="0" src="themes/Spidean/images/header.gif" alt="Historic Logo" width="100%" height="100">
<td width="100%"><!-- [center-blocks] --><p>Get AutoTheme now!</p>
<p>&nbsp;</td>
</tr>
</table>
<p>&nbsp;</p>
<table border="1" cellpadding="4" cellspacing="0" bordercolor="#111111" width="100%" id="AutoNumber11">
<tr>
<td width="100%">
<p align="center"><b>Historic Gateway</b></p>
<table border="1" cellpadding="4" cellspacing="0" bordercolor="#111111" width="100%" id="AutoNumber14">
<tr>
<td width="100%" bgcolor="#660000"><font color="#FFFFFF"><b>Article
Summary</b></font></td>
</tr>
<tr>
<td width="100%">AutoTheme released . . .<p>Read the features and
download now.</p>
<p align="right">&nbsp;<p align="right">&nbsp;<p align="right">Read
more...</td>
</tr>
</table>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</td>
</tr>
</table>
</td>
<td bgcolor="#CCCC66" valign="top">
<table border="1" cellpadding="4" cellspacing="0" bordercolor="#111111" width="150" id="AutoNumber3">
<tr>
<td width="100%" bgcolor="#C0C0C0"><!-- [right-blocks] -->
</tr>
</table>
<p>&nbsp;</td>
</tr>
<tr>
<td bgcolor="#999966">&nbsp;</td>
<td width="100%" bgcolor="#663300">
&nbsp;</td>
<td bgcolor="#999966">&nbsp;</td>
</tr>
</table>
<table border="0" cellpadding="8" cellspacing="0" bordercolor="#111111" width="100%" id="AutoNumber13">
<tr>
<td width="100%" align="center">

&nbsp;All logos and trademarks in this site are property of their respective owner.
The comments are property of their posters, all the rest © 2002 by me.
This web site was made with <a href="http://www.postnuke.com" target="_blank">
PostNuke</a>, a web portal system written in PHP. PostNuke is Free Software
released under the <a href="http://www.gnu.org" target="_blank">GNU/GPL license</a>.<br />
You can syndicate our news using the file <u>backend.php</u></td>
</tr>
</table>
<br />
</body>

</html>

 
Reply With Quote

Newbie




Posts: 4
Registered: 2/7/2004
Status: Offline

  posted on 2/7/2004 at 06:05 PM
Shawn,

Never mind, it was the image in the middle that was keeping it from shrinking. I will have to find another way to deal with my header image. It is about 800 X 100 wide and the page kept getting stuck at the border of the image.

Thanks,

MW

 
Reply With Quote
New Topic    Post Reply


Main Menu

Get AutoTheme

Featured Item

Xbox Theme
Xbox Theme
$19.95

Poll

How do you like the new look?

[ Results | Polls ]

Votes: 82
Comments: 0

Powered by the AutoTheme HTML Theme System
Page created in 0.110531 Seconds