Re: [css-d] IE7 Zoom Breaks Layout
Elli Vizcaino wrote: Hello CSS Discuss, Not sure if there would be any way to tell IE7 via CSS not to break the layout when the zoom feature is used? I notice when this site: http://keithkemper.net/blog/ gets re-sized to less than 100% with IE7's zoom feature it breaks the layout. The background should repeat-x and the content remain center and instead everything veers left as it's being re-sized. Would love to know if there is a fix for this. If it involves JavaScript please email me off list. TIA, Elli Elli, I have vague recollection that IE/7 uses the upper left corner as an anchor point; consequently, this can do a number on centered pages such as yours. I think the IE team at the time -- approximately 4 years ago -- recognized this, but it was not corrected at final release. While this may be of little consolation if a user complains about it to the client, I don't think there is a CSS fix for it, and personally I'd be prone to let the site go as is without concern or regret. Best, Bill Gates -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ __ css-discuss [cs...@lists.css-discuss.org] 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] A fonts, font-replacement, standards, and accessibility question
On Mar 2, 2010, at 5:34 AM, Reese wrote: At root of the issue: how to preserve the intent of the designer while keeping the page accessible to everyone. We experimented with some different font replacement technologies for reproduction of column header text that the designer wanted to use fancy fonts (images) for. The CSSPlay, sIFR and FLIR methods of font replacement were tested. I did my own testing with each of those methods and they yielded less than satisfactory results, so I wanted to ask the list about best practices with font-replacement technologies like those and see where everyone else stood on them. So if there is something else out there, something that does not rely on sometimes blocked (javascript, Flash, etc.), sometimes inaccessible (JAWS, etc.) technologies so that it defeats both Allsopp's and my own arguments? I'd like to hear about it. Have you considered @font-face ? Real fonts, real text. Can't be more accessible than that. Support: Fx 3.5+, Safari 3+, Opera 10+ and IE 4+ Philippe --- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [cs...@lists.css-discuss.org] 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] Strange line in Chrome
Dear list, In Chrome a vertical line appears because the content is wider then the frame. In FF and IE, the text breaks up nicely, but not in Chrome. http://www.lawandroar.nl/index.php?id=158 Anyone know why? __ css-discuss [cs...@lists.css-discuss.org] 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] Strange line in Chrome
Thijs Hakkenberg wrote: Dear list, In Chrome a vertical line appears because the content is wider then the frame. In FF and IE, the text breaks up nicely, but not in Chrome. http://www.lawandroar.nl/index.php?id=158 Anyone know why? Chrome *and* Safari are cut from the same cloth so both exhibit the problem. Adding a width seems to correct it on this end. p.bodytext {width: 550px;border: 1px solid red; } Best, ~d -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ __ css-discuss [cs...@lists.css-discuss.org] 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] IE7 Zoom Breaks Layout
Elli Vizcaino wrote: Not sure if there would be any way to tell IE7 via CSS not to break the layout when the zoom feature is used? I notice when this site: http://keithkemper.net/blog/ gets re-sized to less than 100% with IE7's zoom feature it breaks the layout. The background should repeat-x and the content remain center and instead everything veers left as it's being re-sized. Would love to know if there is a fix for this. If it involves JavaScript please email me off list. --- On Tue, 3/2/10, David Laakso da...@chelseacreekstudio.com wrote: Elli, I have vague recollection that IE/7 uses the upper left corner as an anchor point; consequently, this can do a number on centered pages such as yours. I think the IE team at the time -- approximately 4 years ago -- recognized this, but it was not corrected at final release. While this may be of little consolation if a user complains about it to the client, I don't think there is a CSS fix for it, and personally I'd be prone to let the site go as is without concern or regret. Best, Bill Gates Thanks Bill Gates! (heeheehee) I'll be sure to tell my client that :). - Elli __ css-discuss [cs...@lists.css-discuss.org] 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] odd float (double float?) on IE7
Thanks Jeffrey. That did not work for me with IE8 in IE7 mode, but I think you're suggesting is the right direction to take, but maybe with different elements. For this very moment, I've doing some brute force fix with a conditional lte IE7 style sheet until I can spend a few hours dissecting this later this week. Rob Emenecker @ Hairy Dog Digital www.hairydogdigital.com Please note: Return e-mail messages are only accepted from discussion groups that this e-mail address subscribes to. All other messages are automatically deleted. __ css-discuss [cs...@lists.css-discuss.org] 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] How Important is CSS Validation?
I'm posing this question because there are some CSS 3 properties that are in use in a wordpress plugin (sociable) stylesheet and of course it doesn't validate. There are also some proprietary opacity properties being used to target IE and older gecko browsers, which I can remove. I guess I could also remove the CSS3 opacity property as well but I actually like the effect. You can view here: http://keithkemper.net/uncategorized/the-joint-is-jumping/ hover social icons to see. What is the general consensus with regards to CSS validation? I'm really inclined to leave the opacity effect in. TIA, Elli __ css-discuss [cs...@lists.css-discuss.org] 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] Strange line in Chrome
On 2-3-2010 15:05, David Laakso wrote: Chrome*and* Safari are cut from the same cloth so both exhibit the problem. Adding a width seems to correct it on this end. p.bodytext {width: 550px;border: 1px solid red; } Best, ~d Thanks, that solved it. The problem is there is a link which is very long and doesn't break. __ css-discuss [cs...@lists.css-discuss.org] 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] Strange line in Chrome
At 2:00 PM +0100 3/2/10, Thijs Hakkenberg wrote: In Chrome a vertical line appears because the content is wider then the frame. In FF and IE, the text breaks up nicely, but not in Chrome. http://www.lawandroar.nl/index.php?id=158 Anyone know why? The best I could determine is that your layout table is 804 pixels wide in Chrome/Safari, and 760 pixels wide in Camino/Firefox. Assuming you keep the table in a layout role, you'll probably want to assign it an explicit width, which you don't seem to be doing at present. I assume the difference at present has to do with the way the cell contents are affecting the table layout in each browser family, but it's been much too long since I worked with tables for layout (about a decade now) and I don't know exactly how the table layout algorithms differ in the two families I mentioned-- they both post-date my table layout experience. -- Eric A. Meyer (http://meyerweb.com/eric/), List Chaperone CSS is much too interesting and elegant to be not taken seriously. -- Martina Kosloff (http://mako4css.com/) __ css-discuss [cs...@lists.css-discuss.org] 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] How Important is CSS Validation?
What is the general consensus with regards to CSS validation? I'm really inclined to leave the opacity effect in. Validation of CSS is great for finding misspelled properties, bad values, missing semi-colons, etc, but hacks, proprietary properties, and CSS 3 stuff is fine (or even necessary) to have even though it, by definition, will not validate. Invalid CSS is not nearly as much of a problem child as invalid markup. ---Tim __ css-discuss [cs...@lists.css-discuss.org] 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] How Important is CSS Validation?
On 2010/03/02 07:45 (GMT-0800) Elli Vizcaino composed: I'm posing this question because there are some CSS 3 properties that are in use in a wordpress plugin (sociable) stylesheet and of course it doesn't validate. There are also some proprietary opacity properties being used to target IE and older gecko browsers, which I can remove. I guess I could also remove the CSS3 opacity property as well but I actually like the effect. What is the general consensus with regards to CSS validation? I'm really inclined to leave the opacity effect in. Which CSS spec to validate against is selectable: http://jigsaw.w3.org/css-validator/#validate_by_uri+with_options You can put proprietary rules in an imported sheet for separate validation consideration, leaving your main sheet(s) able to pass. -- Our Constitution was made only for a moral and religious people. It is wholly inadequate to the government of any other. John Adams, 2nd US President Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://fm.no-ip.com/ __ css-discuss [cs...@lists.css-discuss.org] 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] Strange line in Chrome
On Tue, Mar 2, 2010 at 8:00 AM, Thijs Hakkenberg th...@hakkenberg.comwrote: Dear list, In Chrome a vertical line appears because the content is wider then the frame. In FF and IE, the text breaks up nicely, but not in Chrome. http://www.lawandroar.nl/index.php?id=158 Anyone know why? __ css-discuss [cs...@lists.css-discuss.org] 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/ This isn't specific to your question but do you need all those class names of bodyText on your p tags? You could just do #content p and set your styles that way saving you a lot of extra markup. Jeff __ css-discuss [cs...@lists.css-discuss.org] 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] Having problems with ww3 validator
Hi all, I am stumped. I am trying to validate code on http://www.youngsbicycleshop.com and the service doesn't seem to be able to parse the page. Any of you seen this error before: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.youngsbicycleshop.com%2F#fatal-errorsAny clue how to fix it? This is a first for me. Noah Learner LEARNER DESIGN www.learnerdesign.com 9 Lewis Court | Nantucket, MA 02554 508.325.6626 LEAVE YOUR MARK* __ css-discuss [cs...@lists.css-discuss.org] 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] Having problems with ww3 validator
On Tue, Mar 2, 2010 at 10:21 AM, Noah Learner noahlear...@gmail.com wrote: I am stumped. I am trying to validate code on http://www.youngsbicycleshop.com and the service doesn't seem to be able to parse the page. Any of you seen this error before: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.youngsbicycleshop.com%2F#fatal-errorsAny clue how to fix it? This is a first for me. Seems to me to be a issue with your webserver. I would suggest checking over access log, .htaccess files (Provided you're on apache), etc to see what might be cause the issue. I'd start with user agent, maybe. In either case, it seems like something is cause your webserver to choke on itself. Also, this sort of question is great to ask over at http://webdesign-l.com/. Granted, many of us frequent said list, also, but to keep things on topic we try to steer that way. -- -Jack Timmons http://www.trotlc.com Twitter: @codeacula __ css-discuss [cs...@lists.css-discuss.org] 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] Having problems with ww3 validator
Noah Learner wrote: Hi all, Any of you seen this error before: http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fwww.youngsbicycleshop.com%2F#fatal-errorsAny clue how to fix it? This is a first for me. Go to the above uri. Read all of it. 1/ click the link that reads: check that your domain records are correct 2/ click the link that reads: validate the received error document Noah Learner LEARNER DESIGN ~d -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ __ css-discuss [cs...@lists.css-discuss.org] 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] Definition List not Displaying in IE5.5/IE6
On Mon, Mar 1, 2010 at 6:04 PM, David Laakso da...@chelseacreekstudio.com wrote: Alex Mitchell wrote: The Issue: The definition lists aren't displaying at all in IE6 or below. The DLs are contained in a 535px width box, and it displays perfectly in IE7+, FF, Safari, Chrome, and Opera. Any suggestions? Thanks, Alex Mitchell Hi, Dunno? Maybe provide a clickable link to your page... With a strict doctype and valid html it appears in IE XP 5.5/ 6/7/8 on this end. Best -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ http://gumbeesgames.com/index2.php I can't find any reasons why it won't work either, I've tried several things. Alex __ css-discuss [cs...@lists.css-discuss.org] 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] Definition List not Displaying in IE5.5/IE6
Alex Mitchell wrote: On Mon, Mar 1, 2010 at 6:04 PM, David Laakso da...@chelseacreekstudio.com wrote: Alex Mitchell wrote: The Issue: The definition lists aren't displaying at all in IE6 or below. The DLs are contained in a 535px width box, and it displays perfectly in IE7+, FF, Safari, Chrome, and Opera. http://gumbeesgames.com/index2.php I can't find any reasons why it won't work either, I've tried several things. Alex Alex, This brings up in IE/6 and IE/5.5 on this end. * html #left dl {position:relative; zoom: 1;} reference: http://www.satzansatz.de/cssd/onhavinglayout.html Best, ~d -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ __ css-discuss [cs...@lists.css-discuss.org] 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] Definition List not Displaying in IE5.5/IE6
Alex, This brings up in IE/6 and IE/5.5 on this end. * html #left dl {position:relative; zoom: 1;} Ahh thanks a ton. This worked for me also. Alex __ css-discuss [cs...@lists.css-discuss.org] 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] Strange line in Chrome
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Thijs Hakkenberg Sent: Tuesday, March 02, 2010 10:51 AM To: css-d@lists.css-discuss.org Subject: Re: [css-d] Strange line in Chrome On 2-3-2010 15:05, David Laakso wrote: Chrome*and* Safari are cut from the same cloth so both exhibit the problem. Adding a width seems to correct it on this end. p.bodytext {width: 550px;border: 1px solid red; } Best, ~d Thanks, that solved it. The problem is there is a link which is very long and doesn't break. __ css-discuss [cs...@lists.css-discuss.org] 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-discuss [cs...@lists.css-discuss.org] 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] Strange line in Chrome
Louis Andrews wrote: On 2-3-2010 15:05, David Laakso wrote: Chrome*and* Safari are cut from the same cloth so both exhibit the problem. Adding a width seems to correct it on this end. p.bodytext {width: 550px;border: 1px solid red; } Best, ~d Thanks, that solved it. The problem is there is a link which is very long and doesn't break. I guess you mean that the above solved the problem you had in Chrome and Safari. But now you have another problem-- there is a link that is too long and does not break? If that's the case, I'm not sure I can help. But guess you might try shortenting the url. Try: http://tinyurl.com/ Best, ~d -- desktop http://chelseacreekstudio.com/ mobile http://chelseacreekstudio.mobi/ __ css-discuss [cs...@lists.css-discuss.org] 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] Probs with background changing position in IE
I've been testing a site on Mac/PC in various browsers, and seem to be having a problem in IE only with the background image shifting position on some of the pages (notably the Neighborhoods link and on the property listings accessed through Properties - Listings) Can anyone help me figure out what the problem/fix is? here's the testing site: http://glowvirtual.com/clients/n-works/web/index.html and the CSS: http://glowvirtual.com/clients/n-works/web/_css/nw-site.css Peg GlowVirtual __ css-discuss [cs...@lists.css-discuss.org] 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/