From: karen stiell on
The test website URL is: www.realestate.simplycaribbean.com

In Safari (on the Mac) the logo bar on the top of the webpage shows up
ok, however in Opera and FF it shows up as white space. I thought it
was being hidden behind the container.wrapper div so added z-index:
500; in the CSS file but this has made no difference.

The CSS for the logo is in the layout.css file.

Thanks for any help. I'm sure it's something I've overlooked - I'm
pretty new to CSS - so quite impressed that I've managed to get this
far. (through lots of fabulously helpful websites out there)

From: Stanimir Stamenkov on
Tue, 11 May 2010 14:06:11 -0700 (PDT), /karen stiell/:

> The test website URL is: www.realestate.simplycaribbean.com
>
> In Safari (on the Mac) the logo bar on the top of the webpage shows up
> ok, however in Opera and FF it shows up as white space.

Your image:

http://simplycaribbean.com/realestate/images/homepage_logo_sc2.jpg

appears to be in Photoshop format (while pretending to be JPEG).
FWIW, my Safari on Windows doesn't render this image, too.

--
Stanimir
From: karen stiell on
On May 11, 5:29 pm, Stanimir Stamenkov <s7a...(a)netscape.net> wrote:
> Tue, 11 May 2010 14:06:11 -0700 (PDT), /karen stiell/:
>
> > The test website URL is:www.realestate.simplycaribbean.com
>
> > In Safari (on the Mac) the logo bar on the top of the webpage shows up
> > ok, however in Opera and FF it shows up as white space.
>
> Your image:
>
> http://simplycaribbean.com/realestate/images/homepage_logo_sc2.jpg
>
> appears to be in Photoshop format (while pretending to be JPEG).
> FWIW, my Safari on Windows doesn't render this image, too.
>
> --
> Stanimir

Thank you for this. I changed saved the file in photoshop as a copy /
jpeg format. Checked it was saved as an actual jpeg file (ie: all
layers embedded in file). This works now in Opera, FF and Safari on
the Mac.

I can't test on Windows so if anyone can test on any of the windows
browsers for me and post results here (screen shot) and advice on what
changes (hacks) to make it would be most useful.

Thanks again.
From: Thomas 'PointedEars' Lahn on
karen stiell wrote:

> Stanimir Stamenkov wrote:
>> Tue, 11 May 2010 14:06:11 -0700 (PDT), /karen stiell/:
>> > The test website URL is:www.realestate.simplycaribbean.com
>> >
>> > In Safari (on the Mac) the logo bar on the top of the webpage shows up
>> > ok, however in Opera and FF it shows up as white space.
>>
>> Your image:
>>
>> http://simplycaribbean.com/realestate/images/homepage_logo_sc2.jpg
>>
>> appears to be in Photoshop format (while pretending to be JPEG).
>> FWIW, my Safari on Windows doesn't render this image, too.
>
> Thank you for this. I changed saved the file in photoshop as a copy /
> jpeg format. Checked it was saved as an actual jpeg file (ie: all
> layers embedded in file). This works now in Opera, FF and Safari on
> the Mac.

I can see the logo in Iceweasel 3.6.3, and IE 6.0.2800.1106 on Wine.

Another thing you should be aware of is that few browsers except Safari on
the Mac support CMYK-JPEG. You would need to convert it to RGB for the Web.

> I can't test on Windows so if anyone can test on any of the windows
> browsers for me and post results here (screen shot) and advice on what
> changes (hacks) to make it would be most useful.

You will have to test on Windows, in particular you will have to test in
Internet Explorer for Windows where in the version mentioned above the
navigation ("Home" / "Developments" ...) has white space on the left and
right. This is probably because of your peculiar way of centering the list
horizontally by positioning it `relative' `right: 50%' and `float'ing it
`right' instead of the better supported `margin: 0 auto' and a defined
width. If you cannot test on the real thing, use an emulation or a port
like Wine.

And both in Iceweasel and in Wine-IE 6 the first-level heading is wrapped to
two lines by which it exceeds the vertical limits of the element's canvas.


PointedEars
--
Prototype.js was written by people who don't know javascript for people
who don't know javascript. People who don't know javascript are not
the best source of advice on designing systems that use javascript.
-- Richard Cornford, cljs, <f806at$ail$1$8300dec7(a)news.demon.co.uk>
From: Beauregard T. Shagnasty on
karen stiell wrote:

> I can't test on Windows so if anyone can test on any of the windows
> browsers for me and post results here (screen shot) and advice on what
> changes (hacks) to make it would be most useful.

Firefox 3.0.18 on Ubuntu:
http://tekrider.net/usenet/carib.jpg
I'd suspect similar for the Windows version.

You have fixed-sized containers. When I increase the text size so I can
read it, your layout falls apart. :-(
http://tekrider.net/html/fontsize.php

Using the stealth frameset redirection isn't particularly good either.
Use the sub-domain name your host should provide.
http://realestate.simplycaribbean.com (no www)

--
-bts
-Four wheels carry the body; two wheels move the soul