[css-d] Safari problem-CSS issue?
I'm a VERY amateur web designer. My website www.callingazhome.com displays properly with all browsers except Safari and Opera. Is it just lacking a proper code in the css page (ex.css) Yours Truly, Neal Farrell Russ Lyon Sotheby's International Realty Cell: (623)695-2934 E-Fax: (623)547-3943 www.callingazhome.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari problem-CSS issue?
Neal Farrell-Russ Lyon Sotheby's wrote: I'm a VERY amateur web designer. My website www.callingazhome.com displays properly with all browsers except Safari and Opera. Is it just lacking a proper code in the css page (ex.css) Your page does have source-code and CSS issues, and it is stuck in 'quirks mode' in all browsers because it lacks a 'standards mode' triggering doctype. Doctypes and their respective layout mode: http://gutfeldt.ch/matthias/articles/doctypeswitch/table.html Check with the validators. HTML: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.callingazhome.com%2Fcharset=%28detect+automatically%29doctype=Inliness=1group=0user-agent=W3C_Validator%2F1.591 CSS: http://jigsaw.w3.org/css-validator/validator?uri=http://www.callingazhome.com/warning=1profile=css21 Your CSS contains a number of mostly harmless double-styling - properties/values that are already implied by other properties/values or by default. Note also that absolute positioning is generally not safe for positioning elements in pages without stating relations an prepare space for them. Absolute positioned elements make your page weak for end-user introduced variables like font resizing and alike. A:P can create serious problems for less experienced designers. Beyond that it is difficult to judge what your page is supposed to look like and/or where your problems lie. Safari 3 and Opera 9.6 doesn't present your page much different from other browsers, so you have to provide details on what you think looks wrong in which versions of which browsers, compared to what it looks like in the exact browsers/versions you think present it correctly. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari problem?
On Oct 17, 2008, at 8:24 AM, Dave Pierce wrote:
Aforementioned client got in touch, and a web site they have has
gotten messed up somehow, and nobody knows why...including me.
The HTML is good, except in the Flash insert section, and the CSS is
OK too, except where there's no colors given, or they are set for
transparent. Not my problem, in this case, let their graphics guy
handle it.
The problem is that the three lists at the bottom don't line up in
Safari. They DO line up in Firefox and Opera. Haven't checked 'em in
IE versions yet.
Anyone out there see what may be going on?
http://www.lorettoheritage.org/
This is causing the problem
*html #left p, #right p, #main p {padding-top: 1em;}
Safari, up to v3.1 parses the above as
* html #left p, #right p, #main p {}
(Note the space between the * and html).
It then applies the padding on #right p, #main p.
That parse error is apparently corrected in recent WebKit nightly builds
Other browsers ignore the whole selector, *html not being part of the
namespace used.
No idea what your intention is with that selector, probably some sort
of hack.
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Safari problem?
Hi, s'been a lng time. Trying to stay out of this part of the field and stick with illustration, but no can do for my biggest client. Aforementioned client got in touch, and a web site they have has gotten messed up somehow, and nobody knows why...including me. The HTML is good, except in the Flash insert section, and the CSS is OK too, except where there's no colors given, or they are set for transparent. Not my problem, in this case, let their graphics guy handle it. The problem is that the three lists at the bottom don't line up in Safari. They DO line up in Firefox and Opera. Haven't checked 'em in IE versions yet. Anyone out there see what may be going on? http://www.lorettoheritage.org/ Thanks in Advance! ;-Dave __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari problem?
I'm sorry to be the bearer of bad news, but now all I get is a grey screen. Nothing else loads in IE6. I'm not sure if you've checked it in IE7, but on your 'work' page, the flashing is still going on... I'm now pretty sure that your problem is really caused by this: script type=text/javascript src=http://208.76.80.155/~czcejymt/js/equalcolumns.js;/script It makes sense that if this is dynamically resizing a div, it might cause flashing and strange scrolling as the page is constantly refreshed by IE. If you want to make 2 colums equal length, how about trying the technique mentioned in this article? http://www.alistapart.com/articles/fauxcolumns/ I hope that this time I'll be more helpful. On 6/11/07, Suzanne Goodwin [EMAIL PROTECTED] wrote: Hmmm, OK, I removed the BackgroundImageCache script... does that stop the crazy background flashing? On Jun 9, 2007, at 4:30 PM, David Hucklesby wrote: On Fri, 8 Jun 2007 08:56:32 -0400, Suzanne Goodwin wrote: I'm working on a site at http://208.76.80.155/~czcejymt, and it looks fine in all the browsers I have installed (IE7 and Firefox Win, Firefox and Camino OS X) except for Safari. On the two longer pages (Work and Customers) Safari seems to be dropping div#bottom way, way down on the page. It seems fine on the shorter pages however. I am using a script to force equal column lengths (http://208.76.80.155/ ~czcejymt/js/equalcolumns.js), but I don't know whether that's the culprit or not. Could someone also let me how the site looks in IE6 Win? Thanks so much. Hi Suzanne, Here on Win xp Pro it looks good on IE7 - same as on FF 2 and Opera 9. But I'm getting a distrubing flashing of all background images in IE6. Hopefully, that is due to my IE6 install being Tredosoft's multi-IE version, rather than a bona fide install. So seek a second opinion. Cordially, David -- --- Suzanne Goodwin Sky Dog Technologies 1072B Massachusetts Avenue Arlington, MA 02476 -- Roger Gordon --- www.rogergordon.net +27 (0)76 306 4578 --- One mouse click donates 1.5 cups of food to poor people worldwide (free of charge). Click below. http://www.thehungersite.com/clickToGive/home.faces?siteId=1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari problem?
**I'm sorry all, I forgot to include the original message in my last post.** I'm sorry to be the bearer of bad news, but now all I get is a grey screen. Nothing else loads in IE6. I'm not sure if you've checked it in IE7, but on your 'work' page, the flashing is still going on... I'm now pretty sure that your problem is really caused by this: script type=text/javascript src=http://208.76.80.155/~czcejymt/js/equalcolumns.js;/script It makes sense that if this is dynamically resizing a div, it might cause flashing and strange scrolling as the page is constantly refreshed by IE. If you want to make 2 colums equal length, how about trying the technique mentioned in this article? http://www.alistapart.com/articles/fauxcolumns/ I hope that this time I'll be more helpful. On 6/11/07, Suzanne Goodwin [EMAIL PROTECTED] wrote: Hmmm, OK, I removed the BackgroundImageCache script... does that stop the crazy background flashing? On Jun 9, 2007, at 4:30 PM, David Hucklesby wrote: On Fri, 8 Jun 2007 08:56:32 -0400, Suzanne Goodwin wrote: I'm working on a site at http://208.76.80.155/~czcejymt, and it looks fine in all the browsers I have installed (IE7 and Firefox Win, Firefox and Camino OS X) except for Safari. On the two longer pages (Work and Customers) Safari seems to be dropping div#bottom way, way down on the page. It seems fine on the shorter pages however. I am using a script to force equal column lengths (http://208.76.80.155/ ~czcejymt/js/equalcolumns.js), but I don't know whether that's the culprit or not. Could someone also let me how the site looks in IE6 Win? Thanks so much. Hi Suzanne, Here on Win xp Pro it looks good on IE7 - same as on FF 2 and Opera 9. But I'm getting a distrubing flashing of all background images in IE6. Hopefully, that is due to my IE6 install being Tredosoft's multi-IE version, rather than a bona fide install. So seek a second opinion. Cordially, David -- --- Suzanne Goodwin Sky Dog Technologies 1072B Massachusetts Avenue Arlington, MA 02476 -- Roger Gordon --- www.rogergordon.net +27 (0)76 306 4578 --- One mouse click donates 1.5 cups of food to poor people worldwide (free of charge). Click below. http://www.thehungersite.com/clickToGive/home.faces?siteId=1 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari problem?
On Mon, 11 Jun 2007 08:55:39 -0400, Suzanne Goodwin wrote: Hmmm, OK, I removed the BackgroundImageCache script... does that stop the crazy background flashing? On Fri, 8 Jun 2007 08:56:32 -0400, Suzanne Goodwin wrote: I'm working on a site at http://208.76.80.155/~czcejymt, and it looks fine in all the browsers I have installed (IE7 and Firefox Win, Firefox and Camino OS X) except for Safari. [...] As Roger already informed you - still flashing in IE6. Okay in IE 5.01, IE 5.5, and IE 7 though. Curious! Cordially, David -- www.hucklesby.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari problem?
On Fri, 8 Jun 2007 08:56:32 -0400, Suzanne Goodwin wrote: I'm working on a site at http://208.76.80.155/~czcejymt, and it looks fine in all the browsers I have installed (IE7 and Firefox Win, Firefox and Camino OS X) except for Safari. On the two longer pages (Work and Customers) Safari seems to be dropping div#bottom way, way down on the page. It seems fine on the shorter pages however. I am using a script to force equal column lengths (http://208.76.80.155/ ~czcejymt/js/equalcolumns.js), but I don't know whether that's the culprit or not. Could someone also let me how the site looks in IE6 Win? Thanks so much. Hi Suzanne, Here on Win xp Pro it looks good on IE7 - same as on FF 2 and Opera 9. But I'm getting a distrubing flashing of all background images in IE6. Hopefully, that is due to my IE6 install being Tredosoft's multi-IE version, rather than a bona fide install. So seek a second opinion. Cordially, David -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Safari problem?
I'm working on a site at http://208.76.80.155/~czcejymt, and it looks fine in all the browsers I have installed (IE7 and Firefox Win, Firefox and Camino OS X) except for Safari. On the two longer pages (Work and Customers) Safari seems to be dropping div#bottom way, way down on the page. It seems fine on the shorter pages however. I am using a script to force equal column lengths (http://208.76.80.155/ ~czcejymt/js/equalcolumns.js), but I don't know whether that's the culprit or not. Could someone also let me how the site looks in IE6 Win? Thanks so much. --- Suzanne Goodwin Sky Dog Technologies 1072B Massachusetts Avenue Arlington, MA 02476 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Safari problem with border
Finishing up a template for a client, and I am new to tableless design.
There is a small problem with Safari rendering a grey line. This problems
doesnt exist in FF or other browsers. Where the issue is here.
http://www.modulestreams.com/index2.html
HTML:
div id=footer
div id=blahpnbsp;/p/div
pCopyright 2006 Elauwit. All Rights Reserved. Site design by
[whitepenny]/p
/div
CSS:
#blah
{
clear: left;
float: left;
if I change the width to 17.45em Safari loves it, but FF and Opera hates it.
width: 17.54em; /*to round off nicely on safari */
I'm out of ideas and cant seem to find anything on google that is similar,
anyone with a fresh set of eyes see something.
border-right: 1px #ccc solid;
}
#footer
{
clear: both;
}
#footer p
{
font-family: 'Myriad Roman', 'Myriad', sans-serif;
font-size: 10px;
text-align: right;
padding-top: 91px;
margin: 0;
font-size: 65%;
color: #cc;
background: transparent;
padding-right: 9.5em;
padding-bottom: 2em;
clear: right;
}
Please be nice I am a newbie and would like to keep my eyebrows and eye
lashes.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari problem with border
http://www.modulestreams.com/6261352.jpg
http://www.modulestreams.com/6261349.jpg
are two examples.
On 6/8/06, Stephen Prater [EMAIL PROTECTED] wrote:
I'm not seeing the problem on Safari 1.3.2
On Thu, 8 Jun 2006 12:09:34 -0400, Dallas Cahker
[EMAIL PROTECTED] wrote:
Finishing up a template for a client, and I am new to tableless design.
There is a small problem with Safari rendering a grey line. This
problems
doesnt exist in FF or other browsers. Where the issue is here.
http://www.modulestreams.com/index2.html
HTML:
div id=footer
div id=blahp/p/div
pCopyright 2006 Elauwit. All Rights Reserved. Site design by
[whitepenny]/p
/div
CSS:
#blah
{
clear: left;
float: left;
if I change the width to 17.45em Safari loves it, but FF and Opera hates
it.
width: 17.54em; /*to round off nicely on safari */
I'm out of ideas and cant seem to find anything on google that is
similar,
anyone with a fresh set of eyes see something.
border-right: 1px #ccc solid;
}
#footer
{
clear: both;
}
#footer p
{
font-family: 'Myriad Roman', 'Myriad', sans-serif;
font-size: 10px;
text-align: right;
padding-top: 91px;
margin: 0;
font-size: 65%;
color: #cc;
background: transparent;
padding-right: 9.5em;
padding-bottom: 2em;
clear: right;
}
Please be nice I am a newbie and would like to keep my eyebrows and eye
lashes.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari problem with border
correct border-right: 1px #ccc solid; adjusting the width in #blah (FF/Opera Win/Mac: width: 17.54em;) and (SF/Mac: width: 17.49em;) works. But I have to do one or the other. On 6/8/06, Chris Williams [EMAIL PROTECTED] wrote: border-right? Not just border? Or also a border-left? -Original Message- From: Dallas Cahker Subject: [css-d] Safari problem with border border-right: 1px #ccc solid; __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Safari problem
I've been working on a site that has a strange bug in Safari. There is a dropdown for the top menu item, our yarns. The right side border is not showing up until you close the dropdown, and then it remains on screen! I've never seen this behavior before. The page is available at: http://www.cherylamato.com/wool/ Any ideas? Cheryl __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari problem
[EMAIL PROTECTED] wrote:
I've been working on a site that has a strange bug in Safari. There
is a dropdown for the top menu item, our yarns. The right side border
is not showing up until you close the dropdown, and then it remains
on screen!
http://www.cherylamato.com/wool/
#nav a { ... display: block; width: 140px; }
#nav li { float: left; width: 140px; }
#nav li.yarn { ... border-width: 1px 1px 1px 0pt;... }
#nav li ul { position: absolute; width: 140px; left: -999em; }
#nav li.yarn ul a { ... border-width: 1px 1px 1px 0pt; ... }
#nav li:hover ul{ left: auto; }
both the a and the li have a width of 140px, adding on 1px border-right.
Safari, but not the others, offsets the ul of 140px width only, and
omits the 1px that exceeds the ul.
#nav li ul { ... width: 141px; ... }
should do.
(By applying a fuchsia border to the li/a, and left:1em; instead of
-999em to the ul, I can see the forgotten border in the left off.
http://www.satzansatz.de/safari/apdynoffset.html
While hovering the ul li a, the a gets repainted and shows the border,
but again, when the navigation collapses, this border remains. With
maximized text zoom, even the exceeding cashmere ere remains.)
Ingo
--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] safari problem selectbox fix in IE
Hi , Can someone tell me why on this page http://www.nssdesign.scot.nhs.uk/contact/tester3.php The top banner does not show in safari. And how I can make the selectbox not bleed through in IE R. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Safari problem
Hi all, Now that I've got browser testing off my chest, it's time to admit I haven't done much testing myself, in Safari anyway. My excuse is that I'm a Windows person, not a Mac person, and until very recently, didn't have access to a Mac at all. The closest I got to Safari was Konqueoror running on a Linux virtual machine - not very close! :-) In a recent visit to a Mac, I checked my site using Safari v1.3.1 and found a problem with my pure CSS drop-down menus. They work just fine in Opera, Firefox and IE (with script help) which leads me to think it's a Safari bug. Konqueror also has a problem in that the menus all appear in the left-most position. Safari chops off all the menus at the right edge of the left-most drop down, although they are active for their full width even if you can't see it. Ex. http://www.scss.com.au/family/andrew/pdas/palm/myprogs/sudoku/ I found a relevant report in Konqueror's BTS and the menus are still quite accessible, at least until you get fairly deep into my site. Safari is different since it looks ugly, and you have trouble reading the truncated items. The relevant styles are in: http://www.scss.com.au/styles/screen.css (about 100 lines down) I had a look on the cssd wiki for any Safari specific bugs and workarounds, but I couldn't find anything. Do such sites exist? Are there any workarounds or things I could try to resolve this? Thanks in advance for any hints, links, etc. -- Andrew Gregory, URL: mailto:[EMAIL PROTECTED] URL: http://www.scss.com.au/family/andrew/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari problem
Andrew Gregory wrote:
... Safari chops off all the menus at the right edge of the
left-most drop down, although they are active for their full width
even if you can't see it.
Ex. http://www.scss.com.au/family/andrew/pdas/palm/myprogs/sudoku/
Just a hint:
ul.menu li {
display: inline-block;
}
...works (somewhat) better in my Safari.
Must be added separately, as Firefox need 'display: inline;' as you have
now.
Still some Safari-problems that I couldn't work out (being a windows
person myself).
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Safari problem
On Fri, 23 Sep 2005 16:21:37 +0800, Gunlaug Sørtun [EMAIL PROTECTED]
wrote:
Andrew Gregory wrote:
... Safari chops off all the menus at the right edge of the left-most
drop down, although they are active for their full width even if you
can't see it.
Ex. http://www.scss.com.au/family/andrew/pdas/palm/myprogs/sudoku/
Just a hint:
ul.menu li {
display: inline-block;
}
...works (somewhat) better in my Safari.
Only somewhat? Looks perfect from what I see. In Konqueror too. Thank you
so much!
Must be added separately, as Firefox need 'display: inline;' as you have
now.
That's easy, inline first, inline-block second.
It totally blew apart the IE rendering, though. I had to add:
html ul.menu li { display:inline }
into my IE hacks stylesheet (the html is there because the extra
specifity was needed for some reason).
Still some Safari-problems that I couldn't work out
You'll have to smack me over the head with them. The only other glitches I
could see was my validation icon pop-out at the bottom of the page, which
wasn't in the correct position until I hovered over it, and the Opera
browser button at the top right of the page was out by a pixel. Neither
are worth worrying about.
I'd been told the menus were bad in Safari months ago. This fix was so
simple, I wish I'd asked back then!
Thanks again.
--
Andrew Gregory, URL: mailto:[EMAIL PROTECTED]
URL: http://www.scss.com.au/family/andrew/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
