CSS logo div shows up in Safari but not Opera or FF
in [CSS]
|
Prev: CSS menu works in Safari but not in Opera or Firefox - help appreciated
Next: CFP: Special Issue on Semantics-enabled Software Engineering in IEEE TSMC-C
From: karen stiell on 11 May 2010 17:06 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 11 May 2010 17:29 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 11 May 2010 17:46 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 11 May 2010 19:23 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 11 May 2010 19:32
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 |