[wdvltalk] Re: FW: centering a page
How about putting around the master ? At 02:47 PM 3/8/2003, you wrote: Jim, I am returning this to the list, so in case some one else might help...I didn't realize with the last message you had gone offlist. Yeah, if I wrap it in a table, all is well; but what I failed to mention (sorry) was that I was explicitly trying to NOT use tables. Everyone keeps talking about this "table-less design crap" so I thought I'd give it a try. This is for a personal fun page, so it doesn't have to be real cross-browser, but I just wanted to give DIVs as layout a try. Any other ideas? Anyone? CSS gurus? (example of problem is at web address below) J.R. Thanks for your response. I did put it up so you can see. Start at http://64.37.97.190/center.html Thanks, J.R. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Sent: Saturday, March 08, 2003 4:00 PM To: [EMAIL PROTECTED] Subject: centering a page hey there JR had to be something simple like this: wrap the whole darn thing into a table and align='center' the table! see if that works. my 'puter is at 800 x 600 so i can't view it bigger (without all my desktop icons re-arranging, lol). but it looks like it's working. see ex. attached. hope that works! ~Jim The WDVL Discussion List from WDVL.COM To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED] Send Your Posts To: [EMAIL PROTECTED] To change subscription settings to the wdvltalk digest version: http://wdvl.internet.com/WDVL/Forum/#sub http://www.wdvl.com ___ You are currently subscribed to wdvltalk as: [EMAIL PROTECTED] To unsubscribe send a blank email to [EMAIL PROTECTED]
[wdvltalk] Re: FW: centering a page
Hi, Horizontal centering can be done purely with CSS. Check out http://bluerobot.com/web/layouts/ and read the "Related Info at BlueRobot" snippet at the bottom of the page ... it has links to two methods. HTH, Amanda Birmingham Web Application Developer The WDVL Discussion List from WDVL.COM To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED] Send Your Posts To: [EMAIL PROTECTED] To change subscription settings to the wdvltalk digest version: http://wdvl.internet.com/WDVL/Forum/#sub http://www.wdvl.com ___ You are currently subscribed to wdvltalk as: [EMAIL PROTECTED] To unsubscribe send a blank email to [EMAIL PROTECTED]
[wdvltalk] Re: FW: centering a page
Thanks Amanda, but it didn't work. I tried both methods, and several combinations and permutations thereof. No dice. Hopefully someone will be able to help. http://64.37.97.190/center.html J.R. -Original Message- From: Amanda Birmingham [mailto:[EMAIL PROTECTED] Sent: Saturday, March 08, 2003 6:33 PM To: [EMAIL PROTECTED] Subject: [wdvltalk] Re: FW: centering a page Hi, Horizontal centering can be done purely with CSS. Check out http://bluerobot.com/web/layouts/ and read the "Related Info at BlueRobot" snippet at the bottom of the page ... it has links to two methods. HTH, Amanda Birmingham Web Application Developer The WDVL Discussion List from WDVL.COM To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED] Send Your Posts To: [EMAIL PROTECTED] To change subscription settings to the wdvltalk digest version: http://wdvl.internet.com/WDVL/Forum/#sub http://www.wdvl.com ___ You are currently subscribed to wdvltalk as: [EMAIL PROTECTED] To unsubscribe send a blank email to %%email.unsub%% The WDVL Discussion List from WDVL.COM To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED] Send Your Posts To: [EMAIL PROTECTED] To change subscription settings to the wdvltalk digest version: http://wdvl.internet.com/WDVL/Forum/#sub http://www.wdvl.com ___ You are currently subscribed to wdvltalk as: [EMAIL PROTECTED] To unsubscribe send a blank email to [EMAIL PROTECTED]
[wdvltalk] Re: FW: centering a page
J.R.,
When I downloaded your page & stylesheet to my machine and set it up with
the auto-width margins centering, it seems to works fine (IE 6 on
Win2k). I did have to change the example's width and id specified for the
main container element to match those of your page; all I did was replace
the body and FullContainer formatting in your stylesheet with
body {
margin:50px 0px; padding:0px;
text-align:center;
}
#FullContainer {
width:700px;
margin:0px auto;
text-align:left;
padding:15px;
}
Let me know if you want me to send you a screenshot. What browser are you
testing on?
Amanda
At 11:03 PM 3/8/2003 -0500, you wrote:
Thanks Amanda, but it didn't work. I tried both methods, and several
combinations and permutations thereof.
No dice.
Hopefully someone will be able to help.
http://64.37.97.190/center.html
J.R.
-Original Message-
From: Amanda Birmingham [mailto:[EMAIL PROTECTED]
Sent: Saturday, March 08, 2003 6:33 PM
To: [EMAIL PROTECTED]
Subject: [wdvltalk] Re: FW: centering a page
Hi,
Horizontal centering can be done purely with CSS. Check out
http://bluerobot.com/web/layouts/ and read the "Related Info at BlueRobot"
snippet at the bottom of the page ... it has links to two methods.
HTH,
Amanda Birmingham
Web Application Developer
The WDVL Discussion List from WDVL.COM
To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED]
Send Your Posts To: [EMAIL PROTECTED]
To change subscription settings to the wdvltalk digest version:
http://wdvl.internet.com/WDVL/Forum/#sub
http://www.wdvl.com ___
You are currently subscribed to wdvltalk as: [EMAIL PROTECTED]
To unsubscribe send a blank email to [EMAIL PROTECTED]
[wdvltalk] Re: FW: centering a page
I went back and tried it again, and it works on my test case (don't know
what I screwed up before.)
Thanks,
J.R.
PS...I still don't think I'll be using CSS for layout on client sites very
soon. Still too unpredictable.
-Original Message-
From: Amanda Birmingham [mailto:[EMAIL PROTECTED]
Sent: Saturday, March 08, 2003 11:25 PM
To: [EMAIL PROTECTED]
Subject: [wdvltalk] Re: FW: centering a page
J.R.,
When I downloaded your page & stylesheet to my machine and set it up with
the auto-width margins centering, it seems to works fine (IE 6 on
Win2k). I did have to change the example's width and id specified for the
main container element to match those of your page; all I did was replace
the body and FullContainer formatting in your stylesheet with
body {
margin:50px 0px; padding:0px;
text-align:center;
}
#FullContainer {
width:700px;
margin:0px auto;
text-align:left;
padding:15px;
}
Let me know if you want me to send you a screenshot. What browser are you
testing on?
Amanda
At 11:03 PM 3/8/2003 -0500, you wrote:
>Thanks Amanda, but it didn't work. I tried both methods, and several
>combinations and permutations thereof.
>No dice.
>
>Hopefully someone will be able to help.
>
>http://64.37.97.190/center.html
>
>J.R.
>
>-Original Message-
>From: Amanda Birmingham [mailto:[EMAIL PROTECTED]
>Sent: Saturday, March 08, 2003 6:33 PM
>To: [EMAIL PROTECTED]
>Subject: [wdvltalk] Re: FW: centering a page
>
>
>Hi,
>Horizontal centering can be done purely with CSS. Check out
>http://bluerobot.com/web/layouts/ and read the "Related Info at BlueRobot"
>snippet at the bottom of the page ... it has links to two methods.
>
>HTH,
>Amanda Birmingham
>Web Application Developer
The WDVL Discussion List from WDVL.COM
To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED]
Send Your Posts To: [EMAIL PROTECTED]
To change subscription settings to the wdvltalk digest version:
http://wdvl.internet.com/WDVL/Forum/#sub
http://www.wdvl.com ___
You are currently subscribed to wdvltalk as: [EMAIL PROTECTED]
To unsubscribe send a blank email to %%email.unsub%%
The WDVL Discussion List from WDVL.COM
To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED]
Send Your Posts To: [EMAIL PROTECTED]
To change subscription settings to the wdvltalk digest version:
http://wdvl.internet.com/WDVL/Forum/#sub
http://www.wdvl.com ___
You are currently subscribed to wdvltalk as: [EMAIL PROTECTED]
To unsubscribe send a blank email to [EMAIL PROTECTED]
[wdvltalk] Re: FW: centering a page
J.R.
This seems to work for me using your style2.css and
I just slightly modified your center.html page:
css centering 2
<br>
<!--<br>
a {color: blue;<br>
text-decoration: underline;<br>
}<br>
--><br>
This looks right iff (that's if and only if for you non-mathers out
there; kinda like an "exclusive if"? anyway) you are viewing it at
about a 1024px width. That's because the DIVs have had 75px added to
the left. There should be someway to center the original in all instances without it coming out
like this.
This is a banner
some menu buttons
info card
some left thing
the content area
Jan
---
J.R. Pitts wrote:
Thanks Amanda, but it didn't work. I tried both methods, and several
combinations and permutations thereof.
No dice.
Hopefully someone will be able to help.
http://64.37.97.190/center.html
J.R.
-Original Message-
From: Amanda Birmingham [mailto:[EMAIL PROTECTED]
Sent: Saturday, March 08, 2003 6:33 PM
To: [EMAIL PROTECTED]
Subject: [wdvltalk] Re: FW: centering a page
Hi,
Horizontal centering can be done purely with CSS. Check out
http://bluerobot.com/web/layouts/ and read the "Related Info at BlueRobot"
snippet at the bottom of the page ... it has links to two methods.
HTH,
Amanda Birmingham
Web Application Developer
The WDVL Discussion List from WDVL.COM
To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED]
Send Your Posts To: [EMAIL PROTECTED]
To change subscription settings to the wdvltalk digest version:
http://wdvl.internet.com/WDVL/Forum/#sub
http://www.wdvl.com ___
You are currently subscribed to wdvltalk as: [EMAIL PROTECTED]
To unsubscribe send a blank email to %%email.unsub%%
• The WDVL Discussion List from WDVL.COM •
To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED]
Send Your Posts To: [EMAIL PROTECTED]
To change subscription settings to the wdvltalk digest version:
http://wdvl.internet.com/WDVL/Forum/#sub
http://www.wdvl.com ___
You are currently subscribed to wdvltalk as: [EMAIL PROTECTED]
To unsubscribe send a blank email to %%email.unsub%%
--
http://www.jdvisions.com
Web Development and Design
• The WDVL Discussion List from WDVL.COM •
To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED]
Send Your Posts To: [EMAIL PROTECTED]
To change subscription settings to the wdvltalk digest version:
http://wdvl.internet.com/WDVL/Forum/#sub
http://www.wdvl.com ___
You are currently subscribed to wdvltalk as: [EMAIL PROTECTED]
To unsubscribe send a blank email to [EMAIL PROTECTED]
[wdvltalk] Re: FW: centering a page
J.R. wrote: I went back and tried it again, and it works on my test case (don't know what I screwed up before.) Tim sez: One thing I've learned to do, since I usually test with IE first, is to do the "Tools / Internet Options / General / Delete Temporary Internet files" quite often - sometimes with every code change. Even with ASP pages, if I make changes in the associated .css files, the browser cache doesn't recognize the changes and loads up the old stuff rather than pull down the new versions. MANY times I've tweaked and tweaked code to no avail only to find out the real problem was the browser caching rather than my code being broken. It bites. :-) I know, I know...I could probably turn it off...but it lets me see what other people are experiencing, and I do lean on the cache for some of our images. Tim ___ Tim Furry Web Developer Foulston Siefkin LLP The WDVL Discussion List from WDVL.COM To Join wdvltalk, Send An Email To: mailto:[EMAIL PROTECTED] Send Your Posts To: [EMAIL PROTECTED] To change subscription settings to the wdvltalk digest version: http://wdvl.internet.com/WDVL/Forum/#sub http://www.wdvl.com ___ You are currently subscribed to wdvltalk as: [EMAIL PROTECTED] To unsubscribe send a blank email to [EMAIL PROTECTED]
