Skip to main content
E
Enscott
Participant
August 21, 2006
Question

Centring table in IE using CSS/Wrapper Div for oscommerce

  • August 21, 2006
  • 3 replies
  • 323 views
Hi,

I am implementing OScommerce using stylesheets to centre the oscommerce page in the browser.

I am using a #holder (wrapper) div around the whole BODY contents with left and right margins set to "auto"

(This is based on Adrian Senior's article on this site
http://www.adobe.com/devnet/dreamweaver/articles/css_concepts_mx2004_05.html).


This works in Firefox, Opera and Netscape, but not in good old IE. The site stays stubbornly flush left in the IE browser window.

The site with the problem is

http://www.sueharrington.co.uk/catalog/

I have made it work in all browsers with another site which I copied the CSS and HTML from and I can't see the difference, other than the one <div> is enclosing oscommerce and another isn't.

The CSS I use is

#holder {
width:770px;
text-align:left;
margin:0 auto;
padding:0px;
background-color:#FFFFFF;
}

with the following html

<body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0">
<div id="holder"> <!--This Div contains the entire page -->

----- HTML or PHP Statements Here

</div>
</body>


Anyone have any ideas or know any nifty IE hacks to get round this problem?

Many thanks,

Neil
This topic has been closed for replies.

3 replies

N
Newsgroup_User
Inspiring
August 21, 2006
You're welcome!

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"Enscott" <webforumsuser@macromedia.com> wrote in message
news:eccj97$kjr$1@forums.macromedia.com...
> Thanks Murray, That's fixed it.
>
> Saved me hours of head scratching - as all good solutions, simple.
>
> Thanks again
>
> Neil


E
EnscottAuthor
Participant
August 21, 2006
Thanks Murray, That's fixed it.

Saved me hours of head scratching - as all good solutions, simple.

Thanks again

Neil
N
Newsgroup_User
Inspiring
August 21, 2006
> The CSS I use is
>
> #holder {
> width:770px;
> text-align:left;
> margin:0 auto;
> padding:0px;
> background-color:#FFFFFF;
> }
>

Add to this -

body { text-align:center; }

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"Enscott" <webforumsuser@macromedia.com> wrote in message
news:eccg73$gn0$1@forums.macromedia.com...
> Hi,
>
> I am implementing OScommerce using stylesheets to centre the oscommerce
> page
> in the browser.
>
> I am using a #holder (wrapper) div around the whole BODY contents with
> left
> and right margins set to "auto"
>
> (This is based on Adrian Senior's article on this site
> http://www.adobe.com/devnet/dreamweaver/articles/css_concepts_mx2004_05.html).
>
>
> This works in Firefox, Opera and Netscape, but not in good old IE. The
> site
> stays stubbornly flush left in the IE browser window.
>
> The site with the problem is
>
> http://www.sueharrington.co.uk/catalog/
>
> I have made it work in all browsers with another site which I copied the
> CSS
> and HTML from and I can't see the difference, other than the one <div> is
> enclosing oscommerce and another isn't.
>
> The CSS I use is
>
> #holder {
> width:770px;
> text-align:left;
> margin:0 auto;
> padding:0px;
> background-color:#FFFFFF;
> }
>
> with the following html
>
> <body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0"
> leftmargin="0" rightmargin="0">
> <div id="holder"> <!--This Div contains the entire page -->
>
> ----- HTML or PHP Statements Here
>
> </div>
> </body>
>
>
> Anyone have any ideas or know any nifty IE hacks to get round this
> problem?
>
> Many thanks,
>
> Neil
>


Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices