Centering on different size monitors....

User 388456 Photo


Registered User
7 posts

I have tried all the suggestions and changes but to no avail.
I do so appreciate your efforts though, and remain convince there is a solution.

Els
User 355448 Photo


Ambassador
3,144 posts

Els,

When I was working with your code yesterday, I had no graphics and just used text. Centering worked.

Now I am using your graphics, and I found what I think is the problem. It is centering, but you cannot see that it is centering. To see what is happening, make a temporary change to your style and add background-color:green; to your wrapper style section.

Now you will see the real width of your wrapper and that it is in fact centered.

Your visible page is actually being set by this line of code:
<IMG height=1200 src="buttonreadyfrontpage.gif" width=800 align=left>

Your wrapper is left aligned inside and is set to 990px. So on the right side is a blank area of 190px that is not matched on the left side.

Hope I explained that properly. You can see your page slightly modified at http://www.coffeecuphelp.com/broberson/ … ering.html
User 388456 Photo


Registered User
7 posts

I am no doubt making this more complicated than it is.
I looked at that link Bill but it is not centered on my monitor (which is not wide screen).
As far as this line
<IMG height=1200 src="buttonreadyfrontpage.gif" width=800 align=left>

should I remove the align or possibly make it read align=center.
I also see that there is another line for my buttons
<IMG style="Z-INDEX: 100; LEFT: 356px; POSITION: absolute; TOP: 816px" height=75 src="clickherebutton.gif" width=400 align=left>
that has the align=left command in it as well.
Could this also be contributing to my problem?

Thanks,
Els
User 355448 Photo


Ambassador
3,144 posts

Els,

I just checked the link I gave in my previous message, and it is centered. You need to notice that your content is not centered in your page, but your page is centered in your browser window. If you widen your browser until you see the green stripped background you will notice that there is an equal number of stripes on each side on the link I provided. The issue is that the wrapper is wider than your content, and your content is not centered in the wrapper.

To center your content in the wrapper, change <IMG height=1200 src="buttonreadyfrontpage.gif" width=800 align=left> to align=center and it will then be aligned in the wrapper (which I gave a green background) at http://www.coffeecuphelp.com/broberson/ … ering.html

That one change should do what you want.
User 388456 Photo


Registered User
7 posts

Thank you so very much Bill and Hobbyist for your help.
All is well in the Elsdon household once again. LOL

One day I will understand this as you two do.

Els

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.