help with images

[esco4466]

any idea why my header images look centered in some browsers and not others?

here are some of the pages:

http://www.hopeworks.us/content/homegroups

http://www.hopeworks.us/content/services

http://www.hopeworks.us/content/ministries

[JackWolfgang]

I don't see this problem in Internet Explorer 7, Firefox 2, or Safari 3. Did you get a reolution to the problem? If so, could you share what it is. If not, could you elaborate on what browser is giving you the problem?

[David Gillaspey]

Hi Jim,

Like Jack, I have a hard time reproducing the problem. Certainly, in the three examples you provided, the image at top does appear to be positioned to the left within the center "column," leaving a little extra space on the right side of the image. However, it might be helpful to provide the URL to several pages in which the image is correctly positioned.

[flutem3]

any idea why my header images look centered in some browsers and not others?

here are some of the pages:

http://www.hopeworks.us/content/homegroups

http://www.hopeworks.us/content/services

http://www.hopeworks.us/content/ministries


Hi, Jim,

I checked with Firefox and IE6 and did not see anything that was off-center.

I don't know precisely what I am asking, but I know that our website is "fixed" at 760 x ....long. Therefore, on computers which are set at higher resolutions our website page...the entire thing...is left of center. Could that be what you are seeing? However, it sounds as if this is not what you are referring to.

Does your entire header look off-center or just the images?

Carol

[esco4466]

in safari the images are positioned slighty off-center to the left. In firefoz and IE the same pages and images are correctly centered.

[esco4466]

anyway to RSS to the replies David?

[David Gillaspey]

in safari the images are positioned slighty off-center to the left. In firefoz and IE the same pages and images are correctly centered.Hi Jim,

It's very possible that the different browsers are implementing CSS slightly differently.

Regardless, it would still be very helpful to me if you would provide URLs to correctly working pages—unless your point is that NONE of your pages works correctly in all browsers.

[David Gillaspey]

anyway to RSS to the replies David?Hi Jim,

I've reproduced below some information about this subject that I sent to someone some time ago by email. I think this answers your question.

Also, at the bottom of a thread or post, as it's being written, there's an option to "subscribe" to the thread, so that vBulletin will send each new reply to you by email. You won't see that now—but I did a test and if you edit your original post (that started the thread) and use the "Advanced" edit options, you should see the aforementioned Subscribe options.

*****

(Following is reproduced from an old, private email to someone asking the same thing. I can't vouch for its current accuracy, therefore.)

I've enabled an external RSS feed of new threads (only) from the forum. If you are familiar with RSS readers, then subscribe using this URL:

http://www.greatchurchwebsites.org/forums/external.php?type=RSS2

These also should work for earlier versions of RSS:
http://www.greatchurchwebsites.org/forums/external.php?type=RSS1
http://www.greatchurchwebsites.org/forums/external.php?type=RSS

Regretfully, the forum software I use, vBulletin, only exports new threads to the RSS external feed, not replies to existing threads. Thus the RSS feature will be of limited value to you, but I wanted you to know about it anyway.

If you're not familiar with RSS readers, try this:

Go to http://www.feedblitz.com and sign up for a free account. Then, from the site's home page, add (or "subscribe to") this URL

http://www.greatchurchwebsites.org/forums/external.php?type=RSS2

as mentioned earlier. One advantage of feedblitz.com is that it nicely compiles all the new threads created on the forum into one email message per day. Thus, this is like the "digest version" of list servers.

Unfortunately, the free version of feedblitz.com only checks for updates every 24 hours, during the night. (It's unclear to me exactly how that's defined.) You have to pay for hourly or every 4 or 8 hour updates, if you want that. But that's not likely to be necessary for this forum.

Because feedblitz checks for updates only during the night, you may not receive your first email with new threads for a day to two. Again, you only receive one email a day, in the morning, so there won't be a problem with your being inundated with emails. Also, because only new threads are included, it will seem like there's little activity on the forum. In fact, most of the activity on the forum, and on any forum, is in the replies to existing threads. At this time, as stated, vBulletin doesn't export those. If some vBulletin developer ever comes up with a mod or extension to vBulletin to overcome this limitation, then certainly I will install it.

(End of reproduced material.)

[esco4466]

unless your point is that NONE of your pages works correctly in all browsers.

that is my point. none of the images on any of the pages are centered in SAFARI. But in firefox they all are

[sccav]

I can't see any issue with the browsers I have, but you have 3 nested DIV tags. Only the inner most one is centered. I would suggest either removing DIVs id="mainContainer and id="masthead" and their corresponding end tags or adding the align="center" attribute to both other DIVs.

[David Gillaspey]

Hi Jim,

Some observations:

You've got two different alignments = centered or = middle going on. The picture itself has an alignment ("align") of "middle"

<img src="http://www.hopeworks.us/images/skyhead.jpg" alt="header" width="548" height="225" border="3" align="middle" />

but I believe this only affects alignment of a graphic with surrounding text, of which there is none. Therefore, you might as well remove that.

This code is set in a DIV with an alignment of "center," set the old-fashioned way ("align = 'center' ").

<div align="center"><img src="http://www.hopeworks.us/images/skyhead.jpg" alt="header" width="548" height="225" border="3" align="middle" /></div>

all of which is set in another DIV with a class of "pic"

<div class="pic">
<div align="center"><img src="http://www.hopeworks.us/images/skyhead.jpg" alt="header" width="548" height="225" border="3" align="middle" /></div>
</div>

Looking at your stylesheet, I see that the class "pic" has no alignment specification.

Anyway, I think it would be helpful if (on all affected pages, but try a test page first) you removed the "align = middle" from the IMG tag, remove the middle DIV, and define the class "pic" has having a left and right margin of auto (CSS's anything-but-convenient way to center elements).

[flutem3]

Hey, Jim,

A question: How many people use Safari? On my site stats I have never had Safari listed as a browser that was used in four years.

Is Safari used more in some parts of the world than others? Maybe I need to pay more attention to it.

Carol

[JackWolfgang]

Is Safari used more in some parts of the world than others? Maybe I need to pay more attention to it.

Definitely at 1 Infinite Loop in Cupertino, California. Otherwise, just find some dude in jeans and a t-shirt saying "Hello, I'm a Mac!"

Safari is available for Windows, and some people (including myself have it downloaded). I however, prefer Firefox. However, Google's new Chrome browser is based on WebKit, which is the same rendering engine that Safari uses which means that the problems seen in Safari will probably be seen in Chrome as well.

FYI, the address is Apple headquarters, and I'm a PC.

[flutem3]

Hi, Jack,

I am a PC as well. I have download Safari, but at times I cannot get it to work like I think it should. Of course, it doesn't care what I think.

I have switched to FireFox as well. I like it. I finally got my brother to use the computer. It only took 4 years and 4 months. I think I may have said that before. He likes IE. Once he learns something, he doesn't change. He is even worse than I am. :D

Hope all is well with you and your family...and everyone else as well,

Carol

[Peter]

One answer to your problem could be saying "margin-left: auto; margin-right: auto;" for it (if there is one), or their container. Then saying "body{text-align: center;} and "#container_name{text-align: left}" (in the CSS, of course). That should correctly center them in all browsers. That is how I handle my containers.