1
Speed
Center Theme and Right Column Whacked Out.... Help!
  • 2004/8/31 6:02

  • Speed

  • Quite a regular

  • Posts: 310

  • Since: 2004/5/18


Ok, I'm just cleaning up the last loose ends with the theme so I can get to the real work of adding some long-needed content. However, I've got two things that are giving me no end of trouble.

1) I've tried everything that I know of to center the theme to no avail. I've tried as many of the suggestions as I could find here in the forums.

2) The theme looks fine in Mozilla but the right column gets wierd in IE. What did I mess up???

I'd be happy to sent CSS and theme info to anyone that can help out. Or if you use Mozilla Firefox, check out the following fantastic extension which I've found to be a godsend for tracking down exactly where bits of css. It also allows you to view the css for whatever page you are viewing online.

http://update.mozilla.org/extensions/moreinfo.php?id=60

EDIT: I forgot the site url.... Argh!!! Sorry about that! The site is presently at:http://log.game-host.org

2
tjnemez
Re: Center Theme and Right Column Whacked Out.... Help!
  • 2004/8/31 8:45

  • tjnemez

  • Home away from home

  • Posts: 1594

  • Since: 2003/9/21


1. you have your width set to 100% as the start table is not defined otherwise. your header image is 1000px, so what width do you want?

2. td#rightcolumn {width: 170px; padding: 15px 0px 0px 0px; border-left: 0px solid #FFFFFF; font-size:12px; text-align: left; }

td#rightcolumn div.blockTitle {width: 170px; padding: 6px 9px 6px 9px; background-color: #715151; color: #FFFFFF; font-size: 120%; font-weight: bold; text-align: center; border-right: 2px solid #333333; border-bottom: 2px solid #333333; border-top: 1px solid #AAAAAA; border-left: 1px solid #AAAAAA;}

you have assigned the right column td width overall for 170px, then in the above you have set it again and added padding. you do not need to set the block title width as the padding sets the width. likely just an oversight.

3
Speed
Re: Center Theme and Right Column Whacked Out.... Help!
  • 2004/8/31 13:15

  • Speed

  • Quite a regular

  • Posts: 310

  • Since: 2004/5/18


I'd like to set to 1000px wide fixed. I'll be making a second version for 800px.

Thanks for spooting the block title width. It wasn't an oversight. I just learned something new from you regarding how css works. On the surface it's straightforward, but there are some subtle nuances in how the different browsers render that can make it quite a challenge. I need to remember that values are being inherited.

4
tjnemez
Re: Center Theme and Right Column Whacked Out.... Help!
  • 2004/8/31 15:20

  • tjnemez

  • Home away from home

  • Posts: 1594

  • Since: 2003/9/21


okay to center your theme:

in your style.css add something like this:

#table.main {
width: 1000px;
}

in your theme.html

at the beginning remove the div and add a table and give the existing table an id="main" so should begin like this:

<body><table align="center">
<tr>
<td><table id="main"><tr><td id="headerbannerleft">
<img src="http://207.212.67.81/legends/themes/log_standard/images/logo.jpg" width="1000" height="157" align="center" alt="XOOPS is a dynamic Object

and end like this:

" alt="Theme Design: Solo / Wolf Pack Clan" align="center" /></a></td>
</tr>
</table></div>
</td></tr></table></td></tr></table>
</body>

hoefully this makes sense, let me know.


5
Speed
Re: Center Theme and Right Column Whacked Out.... Help!
  • 2004/8/31 19:44

  • Speed

  • Quite a regular

  • Posts: 310

  • Since: 2004/5/18


Makes perfect sense. It's similiar to the many permutations that I've tried however.

The above code centers the logo and then spreads the rest of the header (the shield buttons) and the center column to 100%. So the buttons get spread out which is what I'm trying to avoid.

What I'm aiming for is a fixed 1000px theme centered with gutters on both sides.

Thanks for the help. You confirmed I was heading in the right direction and I appreciate your excellent advice. 80% of my users view at 1024 and another 10% at 1280 with a few people at 1600 and two at 800. I'll keep fiddling with it because I want it to look perfect, but I'm betting none of my users will even notice. Especially since many 1600 users tend to not browse with their browser full screen.

6
tjnemez
Re: Center Theme and Right Column Whacked Out.... Help!
  • 2004/8/31 19:58

  • tjnemez

  • Home away from home

  • Posts: 1594

  • Since: 2003/9/21


cool, i really could not test so i expected it would need some fine tuning

Login

Who's Online

255 user(s) are online (173 user(s) are browsing Support Forums)


Members: 0


Guests: 255


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: May 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits