10 replies [Last post]
Anonymous
Anonymous's picture
Guru
calgary,alberta
calgary,alberta

This site has been tested on various browsers on W2k, linux, OSX.

My biggest problem is with ie on mac...The "tabs" shoot off to the right, along with the content.

Any ideas? Note: this is the only working page, so the links wont work,etc...

thanks in advance for any ideas!!

The page is here:
http://ucolk7.olk.uc.edu/main2.html

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 days 5 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Help with site on MAC- what is the issue?

Hi Lisa,
I don't have a mac to test on Sad
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.

Anonymous
Anonymous's picture
Guru

thanks

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

Thanks again!

dorobo
dorobo's picture
Offline
Regular
Last seen: 16 years 30 weeks ago
Timezone: GMT-5
Joined: 2003-04-22
Posts: 21
Points: 0

Help with site on MAC- what is the issue?

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

dbowne
Offline
Enthusiast
Washinton DC
Last seen: 16 years 26 weeks ago
Washinton DC
Joined: 2003-05-22
Posts: 53
Points: 0

not a mac issue....

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.

dbowne

dorobo
dorobo's picture
Offline
Regular
Last seen: 16 years 30 weeks ago
Timezone: GMT-5
Joined: 2003-04-22
Posts: 21
Points: 0

Help with site on MAC- what is the issue?

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

Anonymous
Anonymous's picture
Guru

updated page

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:

dbowne
Offline
Enthusiast
Washinton DC
Last seen: 16 years 26 weeks ago
Washinton DC
Joined: 2003-05-22
Posts: 53
Points: 0

div conwrap is the culprit

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.

dbowne

Anonymous
Anonymous's picture
Guru

Hmmnnnn

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

dbowne
Offline
Enthusiast
Washinton DC
Last seen: 16 years 26 weeks ago
Washinton DC
Joined: 2003-05-22
Posts: 53
Points: 0

fix

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.

dbowne

Anonymous
Anonymous's picture
Guru

Thanks!!

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