[WSG Announce] Announcing the New WSG Forum
** This is a one-way list for WSG Announcements ** Hi everyone, Peter mentioned the forthcoming WSG forum in a previous announcement. Well, the WSG Core team has been busy putting it through its paces over the past few weeks, and it's finally ready for prime time - just a few days behind the planned launch date: http://forum.webstandardsgroup.org/ The intention of this forum is not to replace the mail list, rather to complement it. Reasons why you might post something on the forum, rather than the list, include: * the topic falls into that grey area of possibly being off-topic * the topic is *definitely* off-topic (i.e. what movie you saw last week) * you began a discussion at a WSG event, and want to continue that discussion online * you prefer using a web-based forum rather than email as a medium for discussion * you want to be one of the cool kids to create the first post in one of the forum's categories The forum has most of the standard features that you would expect, and a few cool ones that you probably wouldn't: * category-based organisation (that movie discussion would belong in "General Chat" by the way) * RSS and Atom feeds, if you'd like to keep on top of discussions using your feed reader * ability to use some HTML in posts, to format how your post is displayed * ability to send "whispers" (private messages) to other forum members * ability to block categories that you are not interested in * ability to pull your Flickr feed into your personal profile (cool, huh?) Some important points about the forum: * Your forum login and membership details are quite independent of your WSG login. Subscribing/unsubscribing from one has NO impact on the other. * There may still be a few features added or categories changed over time. Feel free to leave feedback about the forum in the "Feedback" category. * While the forum certainly has a more lax approach to what is considered off-topic than the mail list, this does not mean that anything goes. There is an active group of WSG Core members who will delete posts and ban members for stepping beyond what is deemed acceptable online behaviour. Please read the terms of service before registering: http://forum.webstandardsgroup.org/termsofservice.php We think that this forum will be another terrific medium for standards-related discussions. However, for the forum to grow as a community, it needs your involvement. A friendly community, ready to answer your every question, has already begun posting to the forum. So sign up and join in! Kind regards, Matthew Magain WSG Core, Melbourne -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.409 / Virus Database: 268.15.6/568 - Release Date: 4/12/2006 ** Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] **
Re: [WSG] display problem with IE 5.5
On the 'position:absolute;' problem, make sure you are nesting it in something with 'position:relative;' to give it coordinates to work from beside the top of the page which is the default behavior. John Faulds wrote: I actually meant to use conditional comments to serve IE5.5 different rules from everything else. So put back whatever you had for the page to start with and then add something like this below all your other styles: On Tue, 05 Dec 2006 13:09:42 +1000, Bojana Lalic <[EMAIL PROTECTED]> wrote: Hi John Setting the news_right position to absolute hides the right column in IE 5.5 altogether and stuffs up the layout in other browsers. Setting the right margin on news_left didn't do much either :( This is what it now looks like: http://pre2005.flexiblelearning.net.au/temporary.html Any help would be greatly appreciated. In regards to the stylesheets list, I'm currently in the process of cleaning it up ;) Cheers Bojana -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of John Faulds Sent: Tuesday, December 05, 2006 12:01 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] display problem with IE 5.5 That has to be the biggest list of stylesheets I've ever seen attached to one page! Is there really a need to have that many? As far as the problem goes, for IE5.5 you might have to give #news_left a margin-right and then use position: absolute on #news_right. On Tue, 05 Dec 2006 10:58:09 +1000, Bojana Lalic <[EMAIL PROTECTED]> wrote: Hi all I've got a three column layout (navigation + main content + right column). The navigation and the right column are fixed and the main content (middle) is liquid. It all looks fine in firefox, IE 6 and most all other browsers except for IE 5.5. And I really need to get it to display properly in IE5.5 :-( How do I fix the display problem in IE 5.5? Here is the page: http://pre2005.flexiblelearning.net.au/temporary.html And this is what it looks like in ie 5.5: http://pre2005.flexiblelearning.net.au/ie5.5.gif Regards Bojana _ IMPORTANT: This e-mail, including any attachments, may contain private or confidential information. If you think you may not be the intended recipient, or if you have received this e-mail in error, please contact the sender immediately and delete all copies of this e-mail. If you are not the intended recipient, you must not reproduce any part of this e-mail or disclose its contents to any other party. This email represents the views of the individual sender, which do not necessarily reflect those of education.au limited except where the sender expressly states otherwise. It is your responsibility to scan this email and any files transmitted with it for viruses or any other defects. education.au limited will not be liable for any loss, damage or consequence caused directly or indirectly by this email. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Joseph R. B. Taylor Sites by Joe, LLC http://sitesbyjoe.com (609)335-3076 [EMAIL PROTECTED] *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***begin:vcard fn:Joseph R. B. Taylor n:Taylor;Joseph org:Sites by Joe, LLC adr:;;408 Route 47 South;Cape May Court House;NJ;08210;USA email;internet:[EMAIL PROTECTED] tel;work:609-335-3076 tel;cell:609-335-3076 x-mozilla-html:FALSE url:http://sitesbyjoe.com version:2.1 end:vcard
[WSG] Out of Office AutoReply: digest for w...@webstandardsgroup.org
Harry Leith is no longer working at Edith Cowan University. If you are a student, please direct your enquiry to the multimedia coordinator, Dr Barnard Clarkson at [EMAIL PROTECTED] Harry Leith *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Fieldset but no legend
russ - maxdesign wrote: > The legend can be positioned in Firefox by wrapping the content > inside the legend in a span and styling this. Not ideal (additional > unnecessary markup), but a quick and easy solution. > > Login details Nice workaround. I wrote a script to plug the necessary SPANs in legend elements: http://www.tjkdesign.com/articles/how_to_position_the_legend_element.asp A bit useless maybe :) It depends how much one wants to keep the markup clean. --- Regards, Thierry | www.TJKDesign.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] containing div not streching
I am having a problem in firefox with my outer div not streching when the inner div content exceeds the template width, the page looks ok in ie7, could anyone enlighten me please. http://gilescadman.com/test_folder/index.htm thanks Robin *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] containing div not streching
Robin @ Xplore.net wrote: I am having a problem in firefox with my outer div not streching when the inner div content exceeds the template width, the page looks ok in ie7, could anyone enlighten me please. http://gilescadman.com/test_folder/index.htm thanks Robin Sounds like IE7 is incorrectly expanding the height of #main, you can either float #main to contain the two floated columns or set overflow: hidden; on #main to contain them. You may find those images at the bottom have the bottom border going over the top of them aswell, add position: relative; to #images or to the images themselves e.g. #images img and you should be ok... hopefully =] Im not sure how well I explained that, if i've confused you let me know and i'll go into more detail. Have fun, Rob O *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] display problem with IE 5.5
Hi John IE5.5 doesn't seem to pick up the conditional comments. What have I done wrong? http://pre2005.flexiblelearning.net.au/temporary.html Bojana -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Joseph R. B. Taylor Sent: Wednesday, December 06, 2006 2:44 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] display problem with IE 5.5 On the 'position:absolute;' problem, make sure you are nesting it in something with 'position:relative;' to give it coordinates to work from beside the top of the page which is the default behavior. John Faulds wrote: > I actually meant to use conditional comments to serve IE5.5 different > rules from everything else. So put back whatever you had for the page > to start with and then add something like this below all your other > styles: > > > > On Tue, 05 Dec 2006 13:09:42 +1000, Bojana Lalic > <[EMAIL PROTECTED]> wrote: > >> Hi John >> >> Setting the news_right position to absolute hides the right column in IE >> 5.5 altogether and stuffs up the layout in other browsers. Setting the >> right margin on news_left didn't do much either :( >> This is what it now looks like: >> http://pre2005.flexiblelearning.net.au/temporary.html >> >> Any help would be greatly appreciated. >> >> In regards to the stylesheets list, I'm currently in the process of >> cleaning it up ;) >> >> >> Cheers >> >> Bojana >> >> -Original Message- >> From: listdad@webstandardsgroup.org >> [mailto:[EMAIL PROTECTED] On Behalf Of John Faulds >> Sent: Tuesday, December 05, 2006 12:01 PM >> To: wsg@webstandardsgroup.org >> Subject: Re: [WSG] display problem with IE 5.5 >> >> That has to be the biggest list of stylesheets I've ever seen attached >> to >> one page! Is there really a need to have that many? >> >> As far as the problem goes, for IE5.5 you might have to give #news_left >> a >> margin-right and then use position: absolute on #news_right. >> >> On Tue, 05 Dec 2006 10:58:09 +1000, Bojana Lalic >> <[EMAIL PROTECTED]> wrote: >> >>> Hi all >>> >>> >>> I've got a three column layout (navigation + main content + right >>> column). The navigation and the right column are fixed and the main >>> content (middle) is liquid. It all looks fine in firefox, IE 6 and >> >> most >> >>> all other browsers except for IE 5.5. And I really need to get it to >>> display properly in IE5.5 :-( >>> >>> >>> How do I fix the display problem in IE 5.5? >>> >>> >>> Here is the page: >>> >>> http://pre2005.flexiblelearning.net.au/temporary.html >>> >>> >>> And this is what it looks like in ie 5.5: >>> >>> http://pre2005.flexiblelearning.net.au/ie5.5.gif >>> >>> Regards >>> >>> Bojana >>> >>> >> >> _ >> >>> >>> IMPORTANT: This e-mail, including any attachments, may contain private >> >> >>> or confidential information. >>> If you think you may not be the intended recipient, or if you have >>> received this e-mail in error, >>> please contact the sender immediately and delete all copies of this >>> e-mail. If you are not the intended >>> recipient, you must not reproduce any part of this e-mail or disclose >> >> >>> its contents to any other party. >>> This email represents the views of the individual sender, which do not >> >> >>> necessarily reflect those of >>> education.au limited except where the sender expressly states >> >> otherwise. >> >>> It is your responsibility to scan this email and any files transmitted >> >> >>> with it for viruses or any other >>> defects. >>> education.au limited will not be liable for any loss, damage or >>> consequence caused directly or indirectly by this email. >>> >>> >>> >>> *** >>> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm >>> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm >>> Help: [EMAIL PROTECTED] >>> *** >> >> >> >> > > > -- Joseph R. B. Taylor Sites by Joe, LLC http://sitesbyjoe.com (609)335-3076 [EMAIL PROTECTED] *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] display problem with IE 5.5
It is picking up the conditional comment because you can see the red border. Not sure why cos I'm sure it worked like this yesterday, but it seems like #news_left p { margin-leftt: 160px; } should be #news_left p { margin-right: 160px; /* or some other value */ } On Wed, 06 Dec 2006 10:59:56 +1000, Bojana Lalic <[EMAIL PROTECTED]> wrote: Hi John IE5.5 doesn't seem to pick up the conditional comments. What have I done wrong? http://pre2005.flexiblelearning.net.au/temporary.html Bojana -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Joseph R. B. Taylor Sent: Wednesday, December 06, 2006 2:44 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] display problem with IE 5.5 On the 'position:absolute;' problem, make sure you are nesting it in something with 'position:relative;' to give it coordinates to work from beside the top of the page which is the default behavior. John Faulds wrote: I actually meant to use conditional comments to serve IE5.5 different rules from everything else. So put back whatever you had for the page to start with and then add something like this below all your other styles: On Tue, 05 Dec 2006 13:09:42 +1000, Bojana Lalic <[EMAIL PROTECTED]> wrote: IE the attached #news_left private disclose not transmitted -- Tyssen Design Web & print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] containing div not streching
> I am having a problem in firefox with my outer div not streching when the > inner div content exceeds the template width, the page looks ok in ie7, > could anyone enlighten me please. > >Sounds like IE7 is incorrectly expanding the height of #main, you can >either float #main to contain the two floated columns or set overflow: >hidden; on #main to contain them. >You may find those images at the bottom have the bottom border going >over the top of them aswell, add position: relative; to #images or to >the images themselves e.g. #images img and you should be ok... hopefully =] Thanks for your help, Rob O, All is working now, cheers Robin *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Gap in IE
Only guessing cos I can't see the images when viewing the pages locally but try adding display: block to the images in #logo. On Wed, 06 Dec 2006 15:14:28 +1000, Jermayn Parker <[EMAIL PROTECTED]> wrote: Hi Im sure this is an easy problem and everyone knows how to solve it but for the life of me, i cannot remember and can not get it right I have not got it uploaded yet due to problems with the client but I have included the css and html file plus a screenshot of it in ie (right) and firefox (left). In IE underneath the top section a gap appears while in firefox it doesnt. I have come accross this problem before but cannot remember the solution Thanks -- Tyssen Design Web & print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Gap in IE
No that didnt work I tried adding it to all the divs that have images as well and it didnt work either On 12/6/06, John Faulds <[EMAIL PROTECTED]> wrote: Only guessing cos I can't see the images when viewing the pages locally but try adding display: block to the images in #logo. On Wed, 06 Dec 2006 15:14:28 +1000, Jermayn Parker <[EMAIL PROTECTED]> wrote: *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Gap in IE
Might be a red-herring, but have you tried removing all the blank lines between your s in the HTML?? From: Jermayn Parker <[EMAIL PROTECTED]> Subject: [WSG] Gap in IE In IE underneath the top section a gap appears while in firefox it doesnt. I have come accross this problem before but cannot remember the solution *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Gap in IE
You've set the height of #header, #text and #logo to 91px but you've also given #logo margin-top and padding-top of 3px which actually makes it 97px high. On Wed, 06 Dec 2006 15:51:34 +1000, Jermayn Parker <[EMAIL PROTECTED]> wrote: No that didnt work I tried adding it to all the divs that have images as well and it didnt work either On 12/6/06, John Faulds <[EMAIL PROTECTED]> wrote: Only guessing cos I can't see the images when viewing the pages locally but try adding display: block to the images in #logo. On Wed, 06 Dec 2006 15:14:28 +1000, Jermayn Parker <[EMAIL PROTECTED]> wrote: *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Tyssen Design Web & print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Gap in IE
hh thats the problem I now remember it now. I had the same problem with my last website Thanks for that John and others for their suggestions and im sorry for including attachments for this query, i wont do it again On 12/6/06, John Faulds <[EMAIL PROTECTED]> wrote: You've set the height of #header, #text and #logo to 91px but you've also given #logo margin-top and padding-top of 3px which actually makes it 97px high. On Wed, 06 Dec 2006 15:51:34 +1000, Jermayn Parker <[EMAIL PROTECTED]> wrote: > No that didnt work > I tried adding it to all the divs that have images as well and it didnt > work > either > > > > > On 12/6/06, John Faulds <[EMAIL PROTECTED]> wrote: >> >> Only guessing cos I can't see the images when viewing the pages locally >> but try adding display: block to the images in #logo. >> >> On Wed, 06 Dec 2006 15:14:28 +1000, Jermayn Parker <[EMAIL PROTECTED]> >> wrote: > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > *** -- Tyssen Design Web & print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- JP2 Designs http://www.jp2designs.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Gap in IE
Hi Jermayne, 1. In the markup code, move the #logo id to beneath the #rologo id. 2. In the css file, add float: left; to the #rologo id. 3. In the css file, add clear: both; to the #text id. This should make it look pretty similar in IE, Firefox and Opera. Hope this helps? Kind regards, Frank M. Palinkas M.C.P., M.C.T., M.C.S.E., M.C.D.B.A., A+ Microsoft Registered Partner Senior Technical Communicator Web Standards & Accessibility Designer website: http://frank.helpware.net email: [EMAIL PROTECTED] | [EMAIL PROTECTED] Member: Society for Technical Communications (S.T.C.) Guild of Accessible Web Designers (G.A.W.D.S.) Web Standards Group (W.S.G.) super group trading ltd. Sandhurst, Gauteng, South Africa website: http://www.supergroup.co.za Work: +27 011 523 4931 Home: +27 011 455 5287 Fax:+27 011 455 3112 Mobile: +27 074 109 1908 From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Jermayn Parker Sent: Wednesday, 06 December, 2006 7:14 AM To: wsg@webstandardsgroup.org Subject: [WSG] Gap in IE Hi Im sure this is an easy problem and everyone knows how to solve it but for the life of me, i cannot remember and can not get it right I have not got it uploaded yet due to problems with the client but I have included the css and html file plus a screenshot of it in ie (right) and firefox (left). In IE underneath the top section a gap appears while in firefox it doesnt. I have come accross this problem before but cannot remember the solution Thanks -- JP2 Designs http://www.jp2designs.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Gap in IE
Hi Jermayne, 1. In the markup code, move the #logo id to beneath the #rologo id. 2. In the css file, add float: left; to the #rologo id. 3. In the css file, add clear: both; to the #text id. This should make it look pretty similar in IE, Firefox and Opera. Hope this helps? Kind regards, Frank M. Palinkas M.C.P., M.C.T., M.C.S.E., M.C.D.B.A., A+ Microsoft Registered Partner Senior Technical Communicator Web Standards & Accessibility Designer website: http://frank.helpware.net email: [EMAIL PROTECTED] | [EMAIL PROTECTED] Member: Society for Technical Communications (S.T.C.) Guild of Accessible Web Designers (G.A.W.D.S.) Web Standards Group (W.S.G.) super group trading ltd. Sandhurst, Gauteng, South Africa website: http://www.supergroup.co.za Work: +27 011 523 4931 Home: +27 011 455 5287 Fax:+27 011 455 3112 Mobile: +27 074 109 1908 From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Jermayn Parker Sent: Wednesday, 06 December, 2006 7:14 AM To: wsg@webstandardsgroup.org Subject: [WSG] Gap in IE Hi Im sure this is an easy problem and everyone knows how to solve it but for the life of me, i cannot remember and can not get it right I have not got it uploaded yet due to problems with the client but I have included the css and html file plus a screenshot of it in ie (right) and firefox (left). In IE underneath the top section a gap appears while in firefox it doesnt. I have come accross this problem before but cannot remember the solution Thanks -- JP2 Designs http://www.jp2designs.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***