Re: [WSG] OT - maybe: quote or word of the day
Hi Bob, You wrote: I'm not being awkward but I still don't understand the issue here. document.write is not what is being served. Rather, it is part of a script that is serving html on the client side. What does javascript have to do the parsing of the xhtml? How else do I serve html using javascript? Ritmantas replied: document.write does not work when XHTML is treated as such, i.e. when document is served with apropriate MIME type (application/xhtml+xml). You can try for yourself, [...] Possibly easier, just change the filename extension to xhtml' and open the file locally. Opera 9 and Firefox 2, at least, accept this as an XML MIME type. Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] xhtm 1.1 and Ruby annotations
On Thu, 30 Nov 2006 17:34:58 -0800, Scott Tankard wrote: [...] When viewing an xhtml page with an xhtml doctype and served as application/xhtml+xml mime type, the markup errors you described (in fact pretty much all markup errors) would give and ugly yellow 'parsing error' page in Firefox. In IE, you would see an xml tree or a download prompt, depending on your configuration. I'm not sure what Safari or Opera does (or say, Lynx), but I assume similar to Firefox. To see this in action, change the file name extension from htm or html to xhtml on a local copy of the document, and open it up in Firefox, Opera, etc. Interesting results in IE ... :) Cordially, David Hucklesby -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Font-sizing in quirksmode
David McKinnon wrote: Hi, I'm trying to get font sizing consistent between IE6 and Firefox. Unfortunately our CMS writes two HTML comments before the DOCTYPE declaration on each page, throwing IE into quirksmode. This means that the default text is too large on IE and much too small on Firefox. On Thu, 9 Nov 2006 22:53:59 -0500, Christian Montoya responded: I thought about this more and came up with a serious solution. Size the text with pixels, and then use conditional comments to give IE relative sizes. Pixel-sized text is mostly accessible on every other browser (and looks better too), while IE is the one that really needs relative (em) sizes. That would be the next best solution to actually removing the comments above the doctype. I think that's a rather good solution, as far as it goes. One thing you need to be aware of, though, is people like me with high resolution screens on our laptops likely have Windows set to 120 DPI. This immediately creates a difference between point-based agents such as IE and Opera, and pixel based ones like Firefox. Text size defaults to 20 pixels on the point-based agents, 16 pixels on the rest. But I do have to ask, so what? (Q. Does IE 7 resize pixel-sized text?) Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Dropdown menu issue - part II
On Tue, 07 Nov 2006 09:36:34 +, Nick Roper wrote: Sorry folks, forgot to say that this was fixed, many thanks to all concerned. Out of interest, what's the correct way of thanking people and advising that something is fixed - not quite sure what to do on/off list. Personally, I like to hear when a problem is fixed, so thanking folks and CC-ing the list is fine by me. Without that, I'm never sure the proposed solution is a good one. Thanks. Cordially, David -- www.hucklesby.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Help needed with CSS dropdown menu issue in Opera
On Sat, 04 Nov 2006 23:29:01 +, Nick Roper wrote:
When the page started out there were no requirements for any dropdown
navigation, so everything was just handled by #contentLeft. Then a
request for a dropdown was made and I added the code css per the
example on List Apart. The associated javascript uses the #dropnav id to
apply a class of 'over' - see below.
Maybe the problems are down to the confusion between #contentLeft and
#dropnav?
Javascript code is :
startList = function() {
if (document.alldocument.getElementById) {
navRoot = document.getElementById(dropnav);
for (i=0; inavRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName==LI) {
node.onmouseover=function() {
this.className+= over;
}
node.onmouseout=function() {
this.className=this.className.replace( over, );
}
}
}
}
}
window.onload=startList;
Hi Nick,
I'm not familiar with the menu, but glancing at this script I do
notice a test for document.all. I know that it's unlikely that Opera
would need help from a script. IE 6 and below likely does need this
script. So I wonder if the test for document.all is to filter for IE ?
I also know that Opera will return true for this condition. So the
script is, in fact, applied by Opera. Maybe start here - does Opera
work okay if you pull the script? If so, you could wrap the script in
a conditional comment for IE 6 and below. IE 7 likely does not
need it either. (But test!)
FWIW - More than a few of us went from Opera 7.54 to Opera 9, as the
version 8 added a lot more functionality, and a lot of bugs in the process.
Cordially,
David
--
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] IE 7 freezes liquid, jello
On Fri, 3 Nov 2006 14:23:49 +0800, Nick Cowie wrote: I would expect my layout to expand beyond the browser window width when zoomed (either page zoom in IE or Opera or text zoom in any browser), my layout width is em based and uses a little javascript when the page is loading to change the text size so it automatically fill the full browser window. Hi Nick, My apologies for incorrectly citing your design. As you note, any kind of width specification besides percent (or no specification at all) eventually expands beyond the viewport on zoom. The jello design does, too. But my objection there is to the unnecessary horizontal scroll bar when the width is contained. Neither Opera nor Firefox do this. Nick also added: If you increase your text size, zoom the page or have a default text size greater than 16px the page will expand beyond your browser window. What led me to conclude that your design somehow works better in Firefox than in IE 7 is due to my laptop being set to 120 DPI resolution. In Firefox, your page starts off with margins, because 1em translates to 16px in that browser. IE 7 however starts off with no margin because 1em translates to 20px at my screen resolution. Your technique still works as designed though. Nice! P.S. I am now seeing other issues with IE 7's zoom feature. Look at the heading on this page, for example: http://webwiz.robinshosting.com/jello.html (enable scripting) Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Site Check - Mitra Foundation
On Thu, 02 Nov 2006 08:51:23 +0530, Rahul Gonsalves wrote: Dear All, http://rahulgonsalves.com/mitra/0111/index.html I would appreciate a site check, for this website - built for a non- profit looking to promote alternative energy choices. I'd agree with Rachel and David - a really attractive and appropriate layout and color scheme. You ask about older browsers, but I see problems in IE 7. The text on the horizontal secondary menu (yellow) gets out of whack with the actual link when any zoom is applied (Ctrl +). At the same time, the image transitions get very jerky. There's also a horizontal scroll bar, with the content extending beyond the window borders - but this seems to be a feature of Microsoft's first attempt at a real zoom. My standalone IE 5.5 has problems with the transparency of the logo (but I only just installed IE 7 with these standalones, so that may be a limitation of my setup). IE 5.5 also pops a warning about the script - Line: 4 Char: 1 Error: Object doesn't support this property or method. IE 5.01 is totally borked - most of the content is missing. I don't think I'd worry too much about it though. My site gets visitors on Windows 98, but even they have IE 5.5. Checked on Windows xp SP 2 @ 120 DPI. (Check spelling of title on contact page!) Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] IE 7 freezes liquid, jello
Liquid designs, sized with percentage width, and the brilliant Jello layout from Mike Purvis[1] behave in a bizarre manner in IE 7 when page zoom is applied. It's as though the entire page grows or shrinks regardless of the window constraints, throwing a horizontal scrollbar when zoomed in (Ctrl +), and occupying only part of the browser window when zoomed out (Ctrl -). Even Nick Cowie's Elastic fluid design [2] suffers this fate. Does anyone have a solution? Cordially, David -- [1] http://www.positioniseverything.net/articles/jello-expo.html [2] http://nickcowie.com/2006/elastic-fluid-design-some-notes/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Percentages
On Mon, 16 Oct 2006 21:06:11 -0400, TomGou wrote: I'm not a CSS newbie, and not a CSS Pundit either. What I'd like to know, is there anything inherently wrong with using percentages for a three column floated layout? Say my outermost container is 720px wide, is it problematic if the column div widths are 23%, 52%, and 25% Dissenting only a little from other replies, I would suggest using percentages that add up to just shy of 100%. 99% may do, but test thoroughly. Reason for using percents for fixed width layout? Should you decide to change the width, or make it ems or whatever, you won't need to recalculate the individual widths. Avoid putting margins or padding on these columns. If you need either, put them on the elements or an extra DIV inside the structural containers. To answer you directly - No, I see nothing wrong at all. Cordially, David -- www.hucklesby.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Entity Name vs Entity Number
James Oppenheim wrote: A quick question. When marking up XHTML should I be using entity names or entity numbers? Is there a standard or best practice? On Thu, 19 Oct 2006 13:29:44 +1000, Lachlan Hunt responded: ... Even better than using references is to encode the file as UTF-8 and just enter the real characters. Sorry to come late to this parade. Just wanted to add a couple of things I learned to watch out for. 1. If you can, choose a font for the editor that supports the characters (glyphs) you want to use. 2. Make sure that the font-family for the web page will display these glyphs. Browsers *may* make a substitution, but don't count on it. 3. Make sure your FTP options are set to transfer all files as binary *not* as ASCII. Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] The usability of a frame-style layout
On Wed, 27 Sep 2006 09:15:47 +1000, Andreas Boehmer [Addictive Media] wrote: [...] However, with css we now have the ability to imitate frames in an accessible and search-engine friendly way for browsers that support it. So the question comes back to usability (and maybe aesthetics): wouldn't it be more user-friendly to always make the primary navigation available to users, no matter what part of the page they are looking at? Interesting concept Andreas. Your idea has already been realized to a degree in Opera. Opera has a navigation bar that users can turn on or off. It sits across the top of a page, and is populated by LINK elements in the HEAD section of a document. The navigation is limited to predefined keywords, like Home, Index, Search, Glossary, Help, Previous ... You may also be interested in PPK's revamped site. See for example the Blogs page, and activate the show site navigation link on the left. Is this what you had in mind? - http://www.quirksmode.org/blogs.shtml Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS confusion
On Sat, 23 Sep 2006 11:43:53 +0100, Designer wrote:
[...]
http://www.jakpsatweb.cz/css/css-vertical-center-solution.html
Uses the following:
#outer {height: 400px; overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}
and I don't understand the [id] bit. [...]
You may also like to use SelectOracle for an explanation of any more
unusual CSS selectors you come across:
http://gallery.theopalgroup.com/selectoracle/
Cordially,
David
--
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] In-page font sizer
On Fri, 22 Sep 2006 08:45:56 -0400, Tom Livingston wrote: Hello list, I'm looking for a simple, tried and true method of allowing a user to increase/decrease font size on a page – no, not by using browser settings. You know... You see an icon of a big 'A' and a little 'a' and clicking them increases/decreases page font size... On Fri, 22 Sep 2006 14:05:33 +0100, Christian Heilmann suggested: Personally I consider these things counterproductive, as explaining the user how to resize would make more sense (give a man a fish...). Then again, if you think your site needs those, you might consider using a larger font from the start anyways. ... and to save you time writing the explanation, you could link to the BBC explanation (which covers PDFs etc. as well): http://www.bbc.co.uk/accessibility/win/seeing/text/sub_2.shtml This is a part of My Web My Way - Help with seeing websites: http://www.bbc.co.uk/accessibility/win/seeing/sub_1.shtml Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Support for IE5/Mac? (was Browser stats)
Sunny wrote:
I know how to prevent v.4 browsers from getting my styles, but
how do I stop IE5/Mac from getting them?? All I know how to do is
to give them
something different, not how to exclude them entirely.
On Thu, 3 Aug 2006 13:54:46 +1000, Geoff Pack replied:
see: http://centricle.com/ref/css/filters/
[EMAIL PROTECTED] url('styles.css'); /* excludes NS4, Mac IE5 */
[EMAIL PROTECTED] 'styles.css'; /* excludes NS4, IE4, Mac IE5 */
You may also want to give some styles to that browser alone.
I believe that this does it:
@import (ie5mac.css)
Cordially, David.
--
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] More on printing
On Wed, 07 Jun 2006 13:05:35 +0100, Designer wrote: [...] I have a site with the potential to print out some thirty different pages, with each printout length between 1 page and 4. Each page has small illustrations scattered unevenly amongst the text, and I'm finding that some pages attempt a page break half way through an image, with the result that the image splits into two across the pages. Try adding float: none to the images in your print style sheet. I find this usually fixes the problem, but can't be certain as you don't say which browser you use. No need to un-float all of them - just the ones that give problems. (Bearing in mind that not everyone prints on size A4 in portrait mode.) Cordially, David -- David Hucklesby, on 6/7/2006 http://www.hucklesby.com/ -- ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] pls help
Leonard Salubayba wrote: hi i am having prob with my css layout pls help. i have a liquid layout which is 90% in width, what i want is, when i minimize it and goes below 800x600 res, i want it to stop there and instead have a horizontal scrollbar. coz my div keeps dropping and it not good. pls anyone help? Stu Nicholls has a min-width solution for Internet Explorer on Windows. It does require you to put IE in quirks mode however, so may or may not be appropriate to your needs. See here: http://www.cssplay.co.uk/boxes/minwidth.html Cordially, David -- David Hucklesby, on 6/4/2006 http://www.hucklesby.com/ -- ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
