PDA

View Full Version : Centering Site on Page

fuhgedaboutit
11-20-2005, 01:32 AM
I'm just full of questions today. (and no wise comments either!)

How would I center my site so it can be viewed better on monitors that are larger. Mine monitor's 800x600.

http://www.growingupbrothers.com

Thanks!
Helen
11-20-2005, 11:13 PM
No wise comments? No wonder you didn't get an answer yet. :roll: :D

How about this? (centers in my 17"/1024x768 monitor)

http://rightstuffhosting.com/Dustycenter.html

This puts your whole page inside a table (same width) as your page
content (until browsers quit recognizing center tags down the road).

First thing after the <body> tag and before the First <DIV> tag, put this:

<CENTER>
<Table width=766>
<tr>
<td>

(Page Content here.)


Just after the last </DIV> tag, and just before the </body> tag, put this:

</td>
</tr>
</Table>
</Center>

Almost forgot - ya have to do this on every page you want centered. :|
Helen
11-21-2005, 02:56 PM
:| Ooops! It is not centered below the header, sooo....

Gotta add "px" and go a little deeper, like this:

<CENTER>
<Table width="766px">
<tr>
<td>

Also Change the first <DIV> tag to 100% as follows:

<DIV style="WIDTH: 100%">
<TABLE class=topbottom width="100%">


Stop - go to bottom of page - no changes - it is still:


Just after the last </DIV> tag, and just before the </body> tag, put this:

</td>
</tr>
</Table>
</Center>
Flash ho
11-23-2005, 12:21 AM
ready for some wise ass comments, err wise comments?

Site looks good! funstuff! You must be working on it ? you have a flash code showing ck this line of code, try omitting the
at end


<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

codebase="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0"

id="Movie2" width="155" height="188">

<param name="movie" value="Movie2.swf">
<param name="quality" value="high">

<param name="bgcolor" value="#FFFFFF">
<embed name="Movie2" src="Movie2.swf" quality="high" bgcolor="#FFFFFF"

width="155" height="188"

type="application/x-shockwave-flash"

pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">

</div>


and horiz scroll is still needed, but you know that. ( right table set to large?)

Glad to see you again!!
fuhgedaboutit
11-23-2005, 12:35 AM
Thanks Helen, how does it look to you? I can't tell the difference on my monitor, but I'll check it out tomorrow on a larger one.

I'm not sure how I would change it for every page. I don't really get the PHP stuff.


ps....funny card from your granddaughter!
fuhgedaboutit
11-23-2005, 01:01 AM
Thanks Richard! Yep I'm working on it now.

I don't see any flash code. (um, er, it's a dirty word....SWiSH) :shock:

Here's what I show..

pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</div>
</embed>
</object>


Here's yours......
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">

</div>


What do you think.? Scrool bar? I don't see that either. I'm sure you have a larger monitor. Could that be it? Could it have something to do with the centering stuff I just did?
Helen
11-23-2005, 01:27 AM
It looks great, every page is centered nicely. :D
The centering is not php, it is just a html table holding the page. The
center tags at beginning and end put the table and everything inside it in
center of browser.


Your flash/swish looks fine to me also; and I love the slide show.

Nice work ... they can't tease you any more about not having a website
done. PHPWebsite is not that easy, either.

As Flash says, it really is a funsite. But I don't see any horizontal scrolling.
Flash ho
11-23-2005, 01:33 AM
Sorry, this may be adding to the problem. Cking above link, just before you posted I got a large horz scroll in firefox1.5. I should have also ck'ed it in IE. Cking now, in IE, it looks fine, but still not good in FF.
http://creamery4sale.com/dustyBigBro.txt

has a revision of your page code and now appears fine in FF, but as IE isn't loading the images for some reason, it may be screwy in IE, I can't tell. Text in IE is huge! In your right col. i made objects align left, as being in center in a 100% table was making table too wide. May be better ways to do this - Helen? And added closing tags to your flash movie. PHP isn't the problem, php is just calling for your dynamic data.

Also, your header image is a png and is 90k ! Would be much smaller as a gif or a jpg

and i don't understand why there are so many of the same classes here,for example ( and other places)
<td class="white"><span class="smalltext">02</span></td>
<td class="white"><span class="smalltext">03</span></td>
<td class="white"><span class="smalltext">04</span></td>
<td class="white"><span class="smalltext">05</span></td>

I think that is causing the IE problem, but not at all sure!!!

A bit of tweaking and it will be good to go!

Like I said, adding to the problem, sorry.
Flash ho
11-23-2005, 01:42 AM
in IE all is good! In FF it is not. right table streches to about 700px causing me to have to use horiz browser scroll. flash object is missing a closing tag, so code is showing in context. But probably 96% of your users are in IE, so maybe no worries.
fuhgedaboutit
11-23-2005, 02:53 AM
I forgot that I have Firefox. You are right about the code and scroll. I disabled the "box" with the swish/flash and now it looks normal. I'll try and figure out what's what. I need to update the books part anyway.

Thanks sooooooooooo much Helen and Richard for all your help. I'll work on it more tomorrow. It's almost time for "The Biggest Loser." :roll:

I know about the logo and you're right, but it looks better in png than a gif. I'll probably end up making it a gif....for those poor souls that are still on dialup! :biglaugh:

xoxoxoxoxoxox
Flash ho
11-23-2005, 02:11 PM
http://creamery4sale.com/boyslogo.gif


web adaptive 16 colours 19k

for those tin can users

:P

looks good in firefox now!!

is that u playing santa's helper?
Fred
11-23-2005, 10:55 PM
Once upon a time, life was simple; then Bill Gates came along. :shock:
Helen
12-18-2005, 09:54 PM
I haven't been here for a while - sorry if I steered you wrong. Maybe I
messed up by moving (or changing size a tad) the header.

Other than that, all I did was put a BIIIIGG table around all the content
and cenered it. So the 100% means 100% of that big table, not of the
browser screen.

I use IE; don't have Firefox cause it reminds me of all the old Netscape
troubles, lol.

Anyway. it does look great to me now! :)