[UPHPU] CSS and IE

Mon Jun 5 15:40:33 MDT 2006

Wade Preston Shearer wrote:

Thank you for your response.

> MSIE doesn't understand margin: auto. If you want something centered,
> you'll have to use the text-align hack:
>
> body
> {
>     text-align: center
> }
>
> div
> {
>     width: 500px;
>     margin-left : auto;
>     margin-right : auto;
> }
>
> By "outline," are you referring to your unordered list? Centering a
> list is nearly impossible using browser-supported HTML. Once again, to
> get things to center in MSIE, you need to assign "text-align: center"
> to the element's parent.

I tried "text-align:center" in <body>, <div>, and <ul>.  Unfortunately,
this centers the text instead of the <ul> element, and destroys the list
structure.

>
> You're making it a lot hard than it needs to be. Create a div that is
> below your list, give it a width and height, and then work your
> javascript magic (if you must… have you considered using a "next"
> button to browse the images instead?).

Yes, and I may go that rout.  I'm trying to make it as click-less as
possible because both my client and her potential clients may not be
Internet savvy - as simple as a "next" link may seem to all of us.  I
fixed this issue with a better JavaScript solution now.

> Another thing, why are your validation badges inside of paragraph tags?

When a document validates through validate.w3.org, it gives the code for
copy/paste, and it includes the <p>-wrapped <img> tags.  I believe it's
for CSS.  For text-only browsing, or if the image is not available, the
alt text (I think) receives the attributes assigned to <p> tags via CSS.

Thank you,

Brandon Stout
http://mscis.org