Click to See Complete Forum and Search --> : Debugging page for a Mac
Benjamin
10-19-2004, 04:38 PM
Hi, can anyone check this page for me on a Mac? The client has a Mac and says the layout is breaking up. The 3 photos along the bottom should be horizontal - if anyone gets otherwise a 'print screen' would be really useful. Thanks.
www.jackfruitdesign.com/designs/duskin (http://www.jackfruitdesign.com/designs/duskin)
http://www.jackfruitdesign.com/
Om Namah Shivaya
snypa
10-19-2004, 05:17 PM
worked fine in firefox and safari, but not explorer. did two screen caps from explorer
...and remember, tuesday is soylent green day
Big Perm-dizzle
10-19-2004, 05:33 PM
yeah looks fine in safari
www.hirethisdesigner.com (http://www.hirethisdesigner.com) - portfolio
www.conceptprint.com (http://www.conceptprint.com) - the company I work for
Benjamin
10-20-2004, 04:44 PM
Thanks a lot for the check. It helps.
Unfortnately I can't open the pdfs but I have an idea what is happening so I'll work on that.
Thanks.
http://www.jackfruitdesign.com/
Om Namah Shivaya
casedsgn
10-20-2004, 08:12 PM
looks like a CSS problem... are you specifying widths on those image containers?
Benjamin
10-21-2004, 01:43 AM
I've got floated divs, containing the images, and they're floating inside a fixed width container.
I know IE Win gets the box model wrong so I was careful about padding. Not sure what IE5/Mac gets wrong.
OK so've tried what you suggest and actually added widths to the floated divs. Does this help now?
http://www.jackfruitdesign.com/
Om Namah Shivaya
Post Edited (Benjamin) : 10/20/2004 8:56:08 PM GMT
casedsgn
10-21-2004, 02:08 AM
That solved the width issue...the three images are on the same horizontal plane now.. but they're sitting on top of your header text (Duskin Art Work). Is the header text in a different containing div than the images? The three images are flush bottom with the main image at the top.
Benjamin
10-21-2004, 10:11 PM
Hmm, it's tricky. For some reason the top margin on these floated elements must not be working in IE5/Mac.
I can change to use top padding on the container element but this will give me different problems. Guess I need to find an IE5/Mac only hack. Time to do more research.
http://www.jackfruitdesign.com/
Om Namah Shivaya
Benjamin
10-22-2004, 07:55 PM
OK I think I fixed it all. I used padding on the logo element to force the vertical distance. Also I simplified the thumbnail link rollover code. Does it still work for everyone?
http://www.jackfruitdesign.com/
Om Namah Shivaya