Topic: last question of the night -- how to make stuff work on macs?

okay so i've been working on a new design for a paycheck and, despite the fact it's going live tuesday + the client uses macs exclusively, i didn't bother to open the site on my ibook until tonight.

fuck.

no big deal, it's just that the somewhat important header/navigation graphics don't load exactly right in internet explorer 5.1 (is there a version 6 for macs?). netscape 6.x handles the page fine and i'm not going to worry about 4.x support so i'm good to go.. except for the ie hiccup, hahaha.

i posted an example at http://cluj.zerominuszero.net -- if you're using a pc the stremmel gallery image should appear to the left of the small (imaginary) vertical block of artists, exhibitions, and information across the top of the page. on my mac though that 'box' of artists/ex.../inf... drops down to the next line though, along the left side of the page.

that's bad.

i tried changing the float element of 'navigation' in the css to "right" instead of "left" but for some reason it locks up my copy of internet explorer on my ibook whenever i do that, while it continues to load fine in netscape(pc/mac) / ie(pc).

okay this is total pampering here but i figured i'd throw this question up while i went off to get some sleep. maybe i'll get lucky and someone will see my screwup really quick and i won't have to spend all day tomorrow (last day of summer vacation!) fucking around with this.

and as always, css solutions are much prefered to html solutions because -- say it with me -- dynamic designs are for dummies!

<3 mikey milker

mikey milker: Unfortunately I don't have a Mac but

I'm wondering about these (it seems a little Old School - raking back to the days of spacer gifs to make table designs work in crappy browsers):

<p><img src="blank.gif" alt="" width="760" height="8" /></p>



ETC



<div id ="gap">



<p><img src="blank.gif" alt="" width="27" height="41" /></p>



</div>

Using padding or margins on other boxes to create that kind of space. You should also get rid of unnecessary P tags - browsers can add extra padding and margins to them (they tend not to with DIVs) which could force your design apart. Basically the Ps are not needed here:

<p><a href="index.html"><img src="stremmel.gif" alt="Stremmel Gallery"

 width="605" height="41" /></a></p>

or here:

<p><a href="artists.html"><img src="artists.gif" alt="Artists" width="128" height="14" /></a><br />

<a href="exhibitions.html"><img src="exhibitions.gif" alt="Exhibitions" width="128" height="14" /></a><br />

<a href="information.html"><img src="information.gif" alt="Information" width="128" height="13" /></a></p>

Just take them out.

Anyway they'd be the first things I'd change if I was having that problem - it might not work but it would be the first step.

[edit: fixed HSBoD]
___________________
Emps

FAQs: Emperor

yeah... no dice with any of that, just made things more sloppy if anything.

i think i'll resort to plan b in a little while, turning that whole top thing into a single .gif image-map.

okay so i messed around with the code for another few minutes and discovered a solution that made everything work perfectly!

uhm, basically i forgot to properly define the width of my top element in my css file by using "620" instead of "620px" -- all the other browsers automatically assumed px except for ie.mac, yeah!

don't forget to dot your t's and cross your i's, duhhh.

Internet Explorer for Macintosh strictly adheres to the standards and it's really not the same as Windows version. They are even being developed by two completely different development teams...