Center problem

Site location for review:
http://usersite.com/ahimsahaven

New site about to turn over to client.
Works okay but main container not centered in Firefox or Netscape 8
Center okay with internet explorer 7
Main container contains a table which contains the content

I'm curious why you use this file nomenclature -

<link href="!!_css/ahim.css" rel="stylesheet" type="text/css" />
<link href="!!_css/new_ccc_fonts.css" rel="stylesheet" type="text/css" />

Your 'centering' code is a bit confused. You have this -

#container { width:100%; margin:0 auto; }

If something is 100% wide, you cannot center it as you have tried here.

So - how do you want this to behave? The way it does in IE?

By the way, there is no such thing as font-weight:400; - all you get are
'normal' or 'bold'.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"joe dora" <webforumsuser (AT) macromedia (DOT) com> wrote

Site location for review:
http://usersite.com/ahimsahaven

New site about to turn over to client.
Works okay but main container not centered in Firefox or Netscape 8
Center okay with internet explorer 7
Main container contains a table which contains the content

..oO(Murray *ACE*)

By the way, there is no such thing as font-weight:400;

There is:

http://www.w3.org/TR/CSS21/fonts.htm...ef-font-weight

Micha

I mean in the practical sense. It's not supported by the browsers. Normal
and bold is all you get in any reliable way. As I recall, normal is 300,
and bold is 900.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Michael Fesser" <netizen (AT) gmx (DOT) de> wrote

.oO(Murray *ACE*)

By the way, there is no such thing as font-weight:400;

There is:

http://www.w3.org/TR/CSS21/fonts.htm...ef-font-weight

Micha

..oO(Murray *ACE*)

I mean in the practical sense.

OK.

It's not supported by the browsers. Normal
and bold is all you get in any reliable way. As I recall, normal is 300,
and bold is 900.

Quite possible. I've never used the numerical values, mainly because it
doesn't make much sense in normal text. Even in a heading, which might
be a bit bigger, the difference between normal and bold is maybe 2 or 3
pixels, so most of the numeric font weights will simply look the same.
It's also a question of how the browser maps these different weights
onto the actual font.

There's some interesting stuff about these issues in the CSS spec.

Micha

I removed the width 100% but still the same. firefox not centered.

<link href="!!_css/ahim.css" rel="stylesheet" type="text/css" />
<link href="!!_css/new_ccc_fonts.css" rel="stylesheet" type="text/css" />

The exclamation marks cause the file to float to the top. I always know where
they are.

I would like firedox and netscape 8 to position the same as IE7

On Mon, 26 Nov 2007 17:29:21 +0000 (UTC), "joe dora"
<webforumsuser (AT) macromedia (DOT) com> wrote:

I removed the width 100% but still the same. firefox not centered.

The default is for a block level item, like a <div> tag, to be 100%
wide. If you want it to be centered, you must give it a specific width.
Try changing the width to about 770px.

link href="!!_css/ahim.css" rel="stylesheet" type="text/css" /
link href="!!_css/new_ccc_fonts.css" rel="stylesheet" type="text/css" /

The exclamation marks cause the file to float to the top. I always know where
they are.

I understand your intent, but it worries me. I'd be afraid some browser
or other would ignore it. It's best to keep file and folder names to
letters a-z, numbers 0-9, the hyphen and the underscore.

Gary

I placed 770px in the box width. It did restrict the site horizontally and
vertically. Though the site was restricted the editable part of the site
remained on the left with Firefox. It was centered okay in ie. I put the 100%
width back.

The 770px width did not change the position of the container.

Both IE and Firefox display the site the same. They fill the monitor.
But the light green portion where the editable content is displayed
differently. IE displays the whole site with the editable content centered.
Firefox displays the whole site but the editable content hugs the left part of
the site.

I was in the wrong container.
Maincontainer Box has a width of 600px
margin left 15 ems margin right 20 px
I tried changing but got goofed up. All back to the wayI found them.

On Mon, 26 Nov 2007 20:33:57 +0000 (UTC), "joe dora"
<webforumsuser (AT) macromedia (DOT) com> wrote:

I was in the wrong container.
Maincontainer Box has a width of 600px
margin left 15 ems margin right 20 px
I tried changing but got goofed up. All back to the wayI found them.

All I can tell you is that it works if done correctly. I have no idea
where you are with it now.

Gary