Help with site on MAC- what is the issue?

Hi Lisa,
I don't have a mac to test on
Though I do have a couple of suggestions.
Firstly when I tried to [url=http://validator.w3.org/check?uri=http://ucolk7.olk.uc.edu/main2.html&charset=(detect%20automatically)&doctype=(detect%20automatically)&verbose=1]validate[/url] the page it shows up as having a div closed that was never opened.

If that isn't the solution what you should do is check to see if the css you are using isn't supported by ie5 on mac.

Try to comment out sections of your css such as /*filter: DropShadow(Color=fff, OffX=2, OffY=2, Positive=1);*/ which is not valid css and may be causing the rest of that style sheet "st_layo2.css" to be ignored.

Thanks, I will try that. I have validated once, but changed since then, so something must have gone amiss.

Thanks again!

if you're editing your code with a windows machine, you should add a dummy declaration as your first, like:

body {
}

I've found out that when mac computers parse the css file it adds the 3 infamous BOM characters at the beginning of the file: ï»? or something like that

This issue is specific to IE 5.x on the Mac (i reproduced in IE 5.2). Works fine in mozilla based mac browsers.

I will test and get back to you. I also noticed that you have unbalanced div tags. this is a no-mercy browser. if anything is wrong, it is handled with an absolute lack of grace and dignity, as the whole thing goes ka-fluey.

soon. soon.

yeah, sorry, forgot to mention it was specific to mac IE 5.x

Yes, you were right about the div tags... should be fixed on this page:

Note: the page validates as xhtml strict:

<http://validator.w3.org/check?uri=http%3A%2F%2Fucolk7.olk.uc.edu%2Fmain8.html>

and css as well:
http://jigsaw.w3.org/css-validator/validator?uri=http://ucolk7.olk.uc.edu/main8.html

and its almost there for Bobby as well.

I have checked it on browsercam:
http://www.browsercam.com/public.aspx?proj_id=6463

It would seem fine for the most part, as shown here in anything above 5.0 browsers (I was planning to disable the layout stylesheets for <5.0 browsers when the site goes live). mozilla on the mac the text is wrapped so the tabs look goofy.

However, as you can see, IE on the mac is a bust -

Is it this?
http://www.l-c-n.com/IE5tests/right_pos/index.shtml
Doesn't appear so, as I have no absolute positioning.

Ive been reading alot, but I am not sure it is a bug or my css. I dont want to put in a hack unless I have to...

Any help on solving this might be rewarded with chocolate or other fantastic prize.

Lisa :roll:

the DIV 'conwrap' is the culprit. remove it (just the open tag) and the design works for both IE5.2 Mac and mozilla on the mac. Have not tested enough to know complete reason for the issue. there is still some weirdness with the white BG color. still testing. just wanted to give you a heads up.

{added text} -- okay, though the divs are all matched now, the conwrap div creates an issue in its current position. the nesting of the divs, when coupled with the combination of absolute and relative positioning used on different elements is creating a conflict. will post corrected file.

Hmnnn ok... thanks. I will review it and let you know!!

Okay, i removed some of your Editor specific comment tags in the editing process, so before you load this back in you may want to put them back. the fix was more complicated than expected. You are using some very complicated CSS, honestly I feel too complicated for what you are trying to accomplish. I removed much of the 'extraneous' style properties, and did some general simplification. However the real heart of the fix is based on two things:

1. remove the conwrap div entirely and balance out the divs accoringly.
2. remove margin and border from any div which is set to width:100% of the div.wrapper. These properties are rendered as an addition to the width, so the page was forced to expand beyond 100% of visible once I made the first fix.

i hope this helps you. I know I enjoyed hacking away on this one. Have a good day. Let me know if you have any questions. Happy to answer.

Thanks a bunch, I am not at work now, so I will look over this. I am anxious to see what you did.

I has thought perhaps the css needed to be toned down, as this is my first try at laying a page out this way, I will look forward to your pages as a great learning tool.

I did play with the page today, and took out the "conwrap" ... worked fine.

Incidentally, our university is going to use Contribute to manage content, so that is why all the dreamweaver code is there... not my choice...
thanks again, I think this list is great!
Lisa