[WSG] Conflict with javascript dropdown menus and CSS
Title: Conflict with javascript dropdown menus and CSS
I have recently designed a new site using tableless layout. All is good, except on the few pages where there is a table to hold tabular data.
The dropdown menu won't come down over the table, but rather goes up over the header - especially on lower resolutions or when the window is not fully maximised.
The tables are contained within a floated div tag - if I remove the div, the _javascript_s work fine, however the table then drops down the page in an unacceptable way.
The code for the table div is:
#table { float: left; margin-top: 1px; margin-bottom: 1px; margin-right: 10px; padding: 5px; }
One of the problem pages can be viewed at http://www.community.nsw.gov.au/html/parenting/caring_babies.htm
Any ideas for convincing the _javascript_ to drop down over the floated table div?
Cheers,
Kay Murphey
Web Team
Dept of Community Services
**
This message is intended for the named addressee(s) only. It may be confidential. If you receive this message in error please notify us immediately by return mail and delete the message (and any attachments). Neither the NSW Department of Community Services nor the NSW Department of Ageing, Disability Home Care are responsible for any changes to this message, or the consequences of any changes to this message.
**
Re: [WSG] Conflict with javascript dropdown menus and CSS
No problems here, Mozilla 1.6/Linux i686.
What browsers have you seen the problems occur in?
Joshua Street
base10solutions
Website:
http://www.base10solutions.com/
Phone: (02) 9898-0060 Fax: (02)
8572-6021
Mobile: 0425 808 469
E-mails and any attachments sent from base10solutions are to be regarded
as confidential. Please do not distribute or publish any of the contents
of this e-mail without the senders consent. If you have received this
e-mail in error, please notify the sender by replying to the e-mail, and
then delete the message without making copies or using it in any way.
Although base10solutions takes precautions to ensure that e-mail sent
from our accounts are free of viruses, we encourage recipients to
undertake their own virus scan on each e-mail before opening, as
base10solutions accepts no responsibility for loss or damage caused by
the contents of this e-mail.
On Wed, 2004-08-11 at 16:19, Murphey, Kay wrote:
I have recently designed a new site using tableless layout.
All is good, except on the few pages where there is a table to
hold tabular data.
The dropdown menu won't come down over the table, but rather
goes up over the header - especially on lower resolutions or
when the window is not fully maximised.
The tables are contained within a floated div tag - if I
remove the div, the javascripts work fine, however the table
then drops down the page in an unacceptable way.
The code for the table div is:
#table { float: left; margin-top: 1px; margin-bottom: 1px;
margin-right: 10px; padding: 5px; }
One of the problem pages can be viewed at
http://www.community.nsw.gov.au/html/parenting/caring_babies.htm
Any ideas for convincing the javascript to drop down over the
floated table div?
Cheers,
Kay Murphey
Web Team
Dept of Community Services
**
This message is intended for the named addressee(s) only. It may be
confidential. If you receive this message in error please notify us
immediately by return mail and delete the message (and any
attachments). Neither the NSW Department of Community Services nor the
NSW Department of Ageing, Disability Home Care are responsible for
any changes to this message, or the consequences of any changes to
this message.
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Conflict with javascript dropdown menus and CSS
Hi Kay, I have just joined the group and hope it's ok to just jump in The site looks good! On your sample page, the menu performs well. I'm at work on a PC at the moment (use a Mac at home) and I viewed the page in Firefox, Opera 7 and IE6 and in all cases it drops down not up! Hope this is encouraging for you and not even more frustrating! :-) But (someone correct me if I'm wrong - I'm no Javascript whizz) when a dropdown menu doesn't behave as expected it is usually because of the DHTML used. It will likely have some kind of mechanism built in to tell the popouts what to do when they are near the edge of (usually) the window. Some menus have frustration behavioural problems with this! But yours seems to work fine for me. HTH. Vicki. :-) Kay wrote: The dropdown menu won't come down over the table, but rather goes up over the header - especially on lower resolutions or when the window is not fully maximised. ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Some Problems in IE (what else?)
Hey everyone, Havent been too active on the whole web development front for quite some time, so Im having trouble executing some things that I want to get done. Ive recently been working on a revision of the design for my main site (www.jezzjournal.com) because there are issues in IE, and it needs to look better as my skills progress. =) Ive been working on the design located at http://www.affectus.net/freelance/2004_07_jezzjournal/ and as you can see, Ive been changing how things look, trying to shine the apple per say. Problem is, in IE the sidebar really messes up. Instead of the h2 tag aligning nicely, it has about 10px of space on the left side in IE 6.0, and it hides some of the ulli tags! Im really not sure how to fix this without ruining alignment in Firefox (my testing browser). Also, in the comments section of my new design, you may notice Ive played with how the comments appear (the ol li stuff). In Firefox, Ive got it almost looking like what I want, but in IE 6.0 for some reason it adds a lot of extra space, and it doesnt look as good. =/ And, problem 3. In my current design, when I use the class imgleft to separate my pictures from the post, it breaks my sidebar in IE6.0. For an example, please check out this page http://www.jezzjournal.com/?s=imgleft . I want to avoid this in my revision, so if you could figure out a way to fix this, which Im sure is the boxhack, that would be great. I would like to know how to get the box model hack working my revision design as well, I have never really understood it. =/ Thanks so much for your help with my three issues, I know its a lot, but I really hope you guys can help. Im so frustrated with IE! Ack! Jeremy Shields www.jezzjournal.com [EMAIL PROTECTED]
Re: [WSG] Conflict with javascript dropdown menus and CSS
Hi again, Just one more thing - I was looking at the source code and wondering at the use of all the meta / tags which I haven't seen before - so sent the page to the W3C validator and it picked these tags up as being invalid. There were some other errors too. Whatever problem you are seeing when you view the page/menu might disappear when the page validates - just a thought! Vicki. :-) ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] guide to CSS inheritance
John Horner wrote: However, I know I've read an article also by Eric, which says that those nice numbers which make so much sense at first glance are not in base ten. I'm sure it was in his own personal website, but I can't seem to find it. I remember being puzzled by it at the time. If not base 10, then what? Hex? So a specificity of 11 is actually seventeen? And 17 is actually 23? Maybe I misinterpreted something? I'd appreciate any light members could shed on this, As John Allsopp mentions, the specs say that you convert the number to a high base number. If you have 10 or more elements, classes or Id's in your selector, using base 10 could become confusing. However if you've got such overly complicated selectors in the first place, I think you've got more problems than which base to choose! So in most practical situations I think it makes sense to use base 10, which is essentially what John does in his example. And here is the article I assume John Horner was referring to http://www.meyerweb.com/eric/css/link-specificity.html Andy Budd http://www.message.uk.com/ ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] has h1 to be first and only first?
Hi all, as per subject: would you say an h1 has to be the very first element on the page? I have an ul containing a couple of 'skip to nav' links, currently under the h1 element but i think they should precede the h1 and be the first elements on the page. URL: http://www.simplelogica.net/logicola/ -- Manuel trabaja para Simplelógica, construcción web (+34) 985 22 12 65http://simplelogica.net escribe en Logicola http://simplelogica.net/logicola/ -- Manuel trabaja para Simplelógica, construcción web (+34) 985 22 12 65http://simplelogica.net escribe en Logicola http://simplelogica.net/logicola/ ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Sorry for the huge email folks
Obviously that was meant to be sent to Kay directly. Regards, Peter Firminger *** http://webboy.net/ [EMAIL PROTECTED] 1300 666 770 +612 4998 3388 Proudly presenting: Web Essentials 04 Web standards :: accessibility :: inspiration :: knowledge Sydney Australia, September 30 - October 1, 2004 Book your place now at http://we04.com/ *** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] has h1 to be first and only first?
There is no requirement that the H1 be the first thing on the page. There is a requirement that if heading tags be used that the H1 be the first heading tag used on the page. You can find that spelled out in the HTML Mobile standards, the ISO standards and in the WCAG 1.0 Checkpoint 3.5 Guidelines. I hope this helps. Lee Roberts http://www.roserockdesign.com http://www.applepiecart.com ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Some light reading...
Westciv's free online CSS course - week 1 of CSS Level 1: http://www.westciv.com/courses/free/index.html A Better Image Rotator: http://www.alistapart.com/articles/betterrotator/ WaSP Interviews Jim Ramsey on the redesign of The San Francisco Examiner http://www.webstandards.org/learn/interviews/jramsey/ Pixy-style CSS no-preload rollovers, with PNG support for IE http://devilock.mine.nu/pixie/ Redesign of WWF UK: http://www.wwf.org.uk/core/index.asp Andy talks about the redesign of WWF UK: http://www.stuffandnonsense.co.uk/archives/wwf.html New PGA site launch: http://www.pga.com/pgachampionship/2004/ Behind the scenes of PGA rebuild: http://whatdoiknow.org/archives/001797.shtml Learning CSS: http://9rules.com/whitespace/design/learning_css.php Thanks Russ ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] has h1 to be first and only first?
El mié, 11-08-2004 a las 13:48, Lee Roberts escribió: There is no requirement that the H1 be the first thing on the page. There is a requirement that if heading tags be used that the H1 be the first heading tag used on the page. You can find that spelled out in the HTML Mobile standards, the ISO standards and in the WCAG 1.0 Checkpoint 3.5 Guidelines. Thanks Lee, it sure helps. In fact i had my brain kind of turned off because of course i use often some elements before the h1, like container divs etc... But i guess i've been thinking of the header/logo as h1 of the page for so long that i felt weird for a while putting actual content before that. I can now see it is perfectly logical if the content doesn't fall into the h1 content-domain. Thanks again -- Manuel trabaja para Simplelógica, construcción web (+34) 985 22 12 65http://simplelogica.net escribe en Logicola http://simplelogica.net/logicola/ ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Some light reading...
russ - maxdesign wrote: [snip] Redesign of WWF UK: http://www.wwf.org.uk/core/index.asp Andy talks about the redesign of WWF UK: http://www.stuffandnonsense.co.uk/archives/wwf.html Maybe nitpicking, but it's worth noting that Andy redesigned (quite fantastically, may I add) the WWF store http://shop.wwf.org.uk/store/Home.aspx and not, as the above suggests initially, the core WWF site itself (unless I'm mistaken, anyway) Patrick H. Lauke _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Doctype Javascript and accessibility
Thank you all for you suggestions. I think the older pages will go to Contribute as is, and loose any include page possibilities, unless they already end in .asp. The newer pages, I will use the template feature to recreate these. I can also look into reconfiguring of IIS to include handlers and includes. I act as webmaster, designer, and manager, without a real voice in anything. I have long been a proponent of all your suggestions, in web management. The website needs to be rebuilt from scratch in a series of smaller websites, with the marketing portion a priority. The trustees wanted a new look and almost hired a web developer, but do to many internal political issues, this has been put on hold and I created a new homepage. I could go on for pages and pages detailing the problems, issues, politics and lack of communication that reflects on this website. Being allowed to change to Contribute is a small victory. We are a Microsoft Shop, which is actually a double victory for Contribute. Nancy Johnson -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Geoff Deering Sent: Tuesday, August 10, 2004 9:22 PM To: [EMAIL PROTECTED] Subject: RE: [WSG] Doctype Javascript and accessibility -Original Message- From: Of Nancy Johnson Thanks to Patrick and yourself for responding. I am beginning the process of migrating an existing web site from FrontPage to Contribute. I have always used the webbot feature for includes of footers and navigation. This is a website that has unfortunately multiple generations of html, and too many webpublishers with no experience are allowed to update content and more. Much as I would like to tear it down and rebuild it from scratch, it's not going to happen. I am having trouble with server side includes working with documents ending in .htm or .html. They only seem to work with .asp documents. This should be the default setting in the web server config; do not parse .htm or .html files as they are static HTML files and contain no server instructions. You can change this if you want/need, but then all htm/html docs will be parsed, making your server work harder than maybe necessary. Of course, if you have files with SS instructions in them that must be parsed, you could just change the filenames to .asp (and configure the server for redirects). I see your edu is using Microsoft-IIS/6.0. I haven't used it in a long time, but it should have most/all/more features of Apache. You could try and get the WebMaster to custom configure Includes, Handlers, etc, the IIS equivalent of http://httpd.apache.org/docs-2.0/mod/mod_include.html http://httpd.apache.org/docs-2.0/handler.html Such an approach should not be a hack. If you have a good team, I would recommend it is time to really sit down and take a look at the problems and try to look at a whole range of issues to try to move forward in a practical way. This includes developing proper server and content management policies and procedures. In most medium to large organisations, if this is not done at a reasonably early stage, it never gets done, because when it is not done, it grows out of hand, and the cost to re-establish proper web publishing and server management procedures just becomes to costly and time consuming to reengineer. As a consequence, many organisations run servers that are poorly optimised from a SDLC point of view (not a SysOp view). They are just a maze of hacks and poor policy. If you don't do this you will be adding hack after hack after hack. I just don't have the time to use the template feature in Dreamweaver to create multiple templates for the multiple generations of webpages, which means rebuilding each page. This is a sample of what I have been using: !--#include file=facheader.htm-- Any thoughts? In the distant past I used javascript to include a footer. It is only on one or two pages: http://www.wheelock.edu/news/NewsArchives.htm it is in the footer at the bottom. Here is a link to the actual javascript. http://www.wheelock.edu/news/newsfooter.js. Nancy Johnson It's not a good idea to try and generate content client side if you can do it server side, infact, in such instances it can't comply with WCAG1 P1 because it won't work where client side scripting is turned off, so if that function is designed to generate essential content, there is no graceful degradation path when applied to that context. Geoff Deering ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] floating an image hides the container's background
If you float all the content of a div, you take that content out of the
normal document flow. The containing div is now empty, and doesn't wrap
around the floated elements anymore...it's still there, but has a height
of 0 (or well, of whatever non-floated content is left there, in your case).
Either keep one element non floating, or add something with a clear
property after the floated elements.
Patrick
Scott Reston wrote:
I'm experiencing a problem with Mozilla/Safari. I have a container div with a
background and two floated elements inside it. when I float one, I get the infamous IE
3px bug[1]. so... I float both (since this avoids the problem with the 3px bug) and
the background of the containing div vanishes.
with float applied to div and image:
http://www.capstrat.com/development/obrienatkinsx/test1.html
with float applied only to the div:
http://www.capstrat.com/development/obrienatkinsx/test2.html
the elements in question are:
div#content-main #portfolio-text {
margin: 0;
float: left;
padding-top: 30px;
width: 186px;
font-size: .8em;
}
img#portfolio-image {
float: left;
width: 465px; height: 465px;
margin-left: 1px; padding: 0;
}
[1] http://positioniseverything.net/explorer/threepxtest.html
can someone give me some guidance on this?
thanks!
Scott Reston
Director, Web Development
Capstrat
919/882.1966 v
919/834.7959 f
1201 Edwards Mill Road, Suite 102
Raleigh, NC 27607
www.capstrat.com
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Behalf Of russ - maxdesign
Sent: Wednesday, August 11, 2004 8:04 AM
To: Web Standards Group
Subject: [WSG] Some light reading...
Westciv's free online CSS course - week 1 of CSS Level 1:
http://www.westciv.com/courses/free/index.html
A Better Image Rotator:
http://www.alistapart.com/articles/betterrotator/
WaSP Interviews Jim Ramsey on the redesign of The San Francisco Examiner
http://www.webstandards.org/learn/interviews/jramsey/
Pixy-style CSS no-preload rollovers, with PNG support for IE
http://devilock.mine.nu/pixie/
Redesign of WWF UK:
http://www.wwf.org.uk/core/index.asp
Andy talks about the redesign of WWF UK:
http://www.stuffandnonsense.co.uk/archives/wwf.html
New PGA site launch:
http://www.pga.com/pgachampionship/2004/
Behind the scenes of PGA rebuild:
http://whatdoiknow.org/archives/001797.shtml
Learning CSS:
http://9rules.com/whitespace/design/learning_css.php
Thanks
Russ
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
--
_
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] =?iso-8859-1?Q?Why_does_this_floated_text_not_show_up_in_IE??=
site: http://www.college.gameplan.org.uk css: http://www.college.gameplan.org.uk/college.css This site looks exactly as I want it in Firefox but in IE the Vistor Number and Site Version Number don't appear, although you can see the entries in the source code!! I have validated the XHTML and CSS. Can anyone shed any light on what I am missing here or which IE bug I have hit? Thanks Alan ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] =?iso-8859-1?Q?Why_does_this_floated_text_not_show_up_in_IE??=
Couple of real quick guesses: 1. You have both those classes styled with text-decoration: none. As they're not links, that's redundant. Remove those styles. 2. Try giving the classes in question declared widths. 3. Actually, it may be the z-index value for the containing #information - ? It's 2am here and I'm fading... My approach would be to pare down the css to the minimum that's required to make the page structure work, then add presentational declarations back in one at a time until those two classes disappear... A passing comment: while all your credits and comments in the stylesheet are nice, they're making the stylesheet for what is a clean simple page of code somewhat bloated... By all means include brief notes to ID the hacks you're using, but these mini-essays defeat the purpose of using XHTML to de-bloat your code - don't you think? And while you're cutting bloat, all those 0px values can be just 0. 0 is 0, whether it's px, ems, or anything else. Oh, and try using relative font sizes, rather than px; Windows users can't resize your type if they want to when you use 11px as a font size. HTH Nick ___ Omnivision. Websight. http://www.omnivision.com.au/ On Thursday, Aug 12, 2004, at 00:42 Australia/Sydney, [EMAIL PROTECTED] wrote: site: http://www.college.gameplan.org.uk css: http://www.college.gameplan.org.uk/college.css This site looks exactly as I want it in Firefox but in IE the Vistor Number and Site Version Number don't appear, although you can see the entries in the source code!! I have validated the XHTML and CSS. Can anyone shed any light on what I am missing here or which IE bug I have hit? Thanks Alan ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Why does this floated text not show up in IE?
Nick Gleitzman wrote: Oh, and try using relative font sizes, rather than px; Windows users can't resize your type if they want to when you use 11px as a font size. You must be fading, Nick. It's IE/Windows users who aren't able to resize pixel-sized text. Mozilla, Opera et al can all resize text in pixels, even on Windows. ;) Owen This email has been scanned for all viruses by the MessageLabs SkyScan service. For more information on a proactive anti-virus service working around the clock, around the globe, visit http://www.messagelabs.com CONFIDENTIALITY NOTICE The information contained in this communication is confidential and may be legally privileged. It is intended solely for the use of the individual or entity to whom it is addressed and others authorised to receive it. If you are not the intended recipient you should not disclose, copy, distribute or take action on the contents of this information, except for the purpose of delivery to the addressee. Any unauthorised use is strictly prohibited and may be unlawful. If you have received this email in error please notify the sender by email immediately and delete the message from your computer. ECOTEC Research Consulting Limited Registered in England No. 1650169 Registered Office: Priestley House, 28-34 Albert Street, Birmingham, B4 7UD, UK Tel: +44 (0)121 616 3600 http://www.ecotec.com ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] =?iso-8859-1?Q?Why_does_this_floated_text_not_show_up_in_IE??=
I was wrong on all 3 counts. It's the IE Peekaboo bug; add height:1% to your .credit declaration and the two floated classes appear... but the black border of #information is then affected... bugger. It's too late in the day; I'll have another look tomorrow, if someone hasn't already come up with a simple and elegant solution - which they will... Love this list. Nick ___ Omnivision. Websight. http://www.omnivision.com.au/ On Thursday, Aug 12, 2004, at 00:42 Australia/Sydney, [EMAIL PROTECTED] wrote: site: http://www.college.gameplan.org.uk css: http://www.college.gameplan.org.uk/college.css This site looks exactly as I want it in Firefox but in IE the Vistor Number and Site Version Number don't appear, although you can see the entries in the source code!! I have validated the XHTML and CSS. Can anyone shed any light on what I am missing here or which IE bug I have hit? Thanks Alan ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Re: Why_does_this_floated_text_not_show_up_in_IE?
Nick Gleitzman [EMAIL PROTECTED] wrote: I'll have another look tomorrow, if someone hasn't already come up with a simple and elegant solution - which they will... Love this list. So do I :-) Thanks for pointing me in the right direction. Adding height 1% to #information fixed it without screwing the border. Thanks for your other hints as well. Alan ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] floating an image hides the container's background
For those playing along at home...
Patrick's answer led me to an interesting page. Many of you are probably familiar with
this, but here's a way to fix the problem I had without adding an extra div to the
document:
http://www.positioniseverything.net/easyclearing.html
works great in CSS2 browsers, degrades will in IE (since IE has it's own bug - it
always contains floated divs).
scott
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Behalf Of Patrick H. Lauke
Sent: Wednesday, August 11, 2004 10:41 AM
To: [EMAIL PROTECTED]
Subject: Re: [WSG] floating an image hides the container's background
If you float all the content of a div, you take that content out of the
normal document flow. The containing div is now empty, and doesn't wrap
around the floated elements anymore...it's still there, but has a height
of 0 (or well, of whatever non-floated content is left there, in your case).
Either keep one element non floating, or add something with a clear
property after the floated elements.
Patrick
Scott Reston wrote:
I'm experiencing a problem with Mozilla/Safari. I have a container div with a
background and two floated elements inside it. when I float one, I get the infamous
IE 3px bug[1]. so... I float both (since this avoids the problem with the 3px bug)
and the background of the containing div vanishes.
with float applied to div and image:
http://www.capstrat.com/development/obrienatkinsx/test1.html
with float applied only to the div:
http://www.capstrat.com/development/obrienatkinsx/test2.html
the elements in question are:
div#content-main #portfolio-text {
margin: 0;
float: left;
padding-top: 30px;
width: 186px;
font-size: .8em;
}
img#portfolio-image {
float: left;
width: 465px; height: 465px;
margin-left: 1px; padding: 0;
}
[1] http://positioniseverything.net/explorer/threepxtest.html
can someone give me some guidance on this?
thanks!
Scott Reston
Director, Web Development
Capstrat
919/882.1966 v
919/834.7959 f
1201 Edwards Mill Road, Suite 102
Raleigh, NC 27607
www.capstrat.com
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Behalf Of russ - maxdesign
Sent: Wednesday, August 11, 2004 8:04 AM
To: Web Standards Group
Subject: [WSG] Some light reading...
Westciv's free online CSS course - week 1 of CSS Level 1:
http://www.westciv.com/courses/free/index.html
A Better Image Rotator:
http://www.alistapart.com/articles/betterrotator/
WaSP Interviews Jim Ramsey on the redesign of The San Francisco Examiner
http://www.webstandards.org/learn/interviews/jramsey/
Pixy-style CSS no-preload rollovers, with PNG support for IE
http://devilock.mine.nu/pixie/
Redesign of WWF UK:
http://www.wwf.org.uk/core/index.asp
Andy talks about the redesign of WWF UK:
http://www.stuffandnonsense.co.uk/archives/wwf.html
New PGA site launch:
http://www.pga.com/pgachampionship/2004/
Behind the scenes of PGA rebuild:
http://whatdoiknow.org/archives/001797.shtml
Learning CSS:
http://9rules.com/whitespace/design/learning_css.php
Thanks
Russ
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
--
_
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.com
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration,
Re: [WSG] forms and SSL
Hi Chris, I just did a quick test using Ethereal http://ethereal.com/, and it looks like the browser requests the server's certificate, then encrypts the data that it is sending. Using Firefox 0.9.3 Internet Explorer 6. Of course, if you're intending to put this into practice somewhere, I'd suggest a bit more testing :) As for your next question, I don't think it's possible to send cleartext over HTTPS at all. (mind you, I'm not the worlds greatest authority on HTTPS, so I might be wrong :p) On Wed, 11 Aug 2004 12:25:13 +1000, Chris Blown [EMAIL PROTECTED] wrote: A discussion popped up here recently, and though its not really specific to web standards, I still think its worthy of a bit of discussion on the list. If you have a form that is served via standard http with its action set to a https server, then one assumes that the UA will send an encrypted post request. Or does it? -- Lindsay Evans http://lindsayevans.com/ ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [Bulk] [WSG] =?iso-8859-1?Q?Why_does_this_floated_text_not_show_up_in_IE??=
I get theVistor Number and Site Version Number when I change the POSITION: from relative to absolute. No idea why, but it is a clue ! Rgds, KR. Wednesday, August 11, 2004, 10:42:01 AM, you wrote: cmc site: http://www.college.gameplan.org.uk cmc css: http://www.college.gameplan.org.uk/college.css cmc This site looks exactly as I want it in Firefox but in IE the Vistor cmc Number and Site Version Number don't appear, although you can see the cmc entries in the source code!! cmc I have validated the XHTML and CSS. cmc Can anyone shed any light on what I am missing here or which IE bug I cmc have hit? cmc Thanks cmc Alan cmc ** cmc The discussion list for http://webstandardsgroup.org/ cmc Proud presenters of Web Essentials 04 http://we04.com/ cmc Web standards, accessibility, inspiration, knowledge cmc To be held in Sydney, September 30 and October 1, 2004 cmc See http://webstandardsgroup.org/mail/guidelines.cfm cmc for some hints on posting to the list getting help cmc ** -- Best regards, Kevin mailto:[EMAIL PROTECTED]
Re: [WSG] Why does this floated text not show up in IE?
On Thursday, Aug 12, 2004, at 02:09 Australia/Sydney, Owen Gregory wrote: Nick Gleitzman wrote: Oh, and try using relative font sizes, rather than px; Windows users can't resize your type if they want to when you use 11px as a font size. You must be fading, Nick. It's IE/Windows users who aren't able to resize pixel-sized text. Mozilla, Opera et al can all resize text in pixels, even on Windows. ;) Owen Duh. Of course. Well, told ya it was late... ;o) N ___ Omnivision. Websight. http://www.omnivision.com.au/ ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] forms and SSL
On Thu, 2004-08-12 at 08:55, Lindsay Evans wrote: I just did a quick test using Ethereal http://ethereal.com/, and it looks like the browser requests the server's certificate, then encrypts the data that it is sending. Using Firefox 0.9.3 Internet Explorer 6. Thanks for that. Of course, if you're intending to put this into practice somewhere, I'd suggest a bit more testing :) No I'd rather serve the whole thing via https. I've seen quite a few larger sites that need to consider security doing this and though it seems a perfectly secure practise, visitors might be reluctant entering sensitive data into their browser without the closed little pad lock icon appearing ;) Cheers Chris Blown ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] IE print bug crashes page
Hi all, I've got a page that when someone tries to print it in IE 6 on windows, it crashes the browser. There's nothing fancy in it, and i've stripped it down so i know the problem only happens when something is the second line of the table. Any ideas what's going on? Regards Gav ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE print bug crashes page
What is the page address? Gavin Cooney wrote: Hi all, I've got a page that when someone tries to print it in IE 6 on windows, it crashes the browser. There's nothing fancy in it, and i've stripped it down so i know the problem only happens when something is the second line of the table. Any ideas what's going on? Regards Gav ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE print bug crashes page
Gavin Do you have any code? Cheers James Gavin Cooney wrote: Hi all, I've got a page that when someone tries to print it in IE 6 on windows, it crashes the browser. There's nothing fancy in it, and i've stripped it down so i know the problem only happens when something is the second line of the table. Any ideas what's going on? Regards Gav ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE print bug crashes page
D'oh! forgot to paste in the address! http://www4.boardofstudies.nsw.edu.au/wsg/culturalexchange_examples.htm Thanks Gav On Thu, 12 Aug 2004 14:15:49 +1000, Neerav [EMAIL PROTECTED] wrote: What is the page address? Gavin Cooney wrote: Hi all, I've got a page that when someone tries to print it in IE 6 on windows, it crashes the browser. There's nothing fancy in it, and i've stripped it down so i know the problem only happens when something is the second line of the table. Any ideas what's going on? Regards Gav ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE print bug crashes page
I had some problems with IE crashing when trying to print a while back, I think it had something to do with absolute positioning (can't remember though - there was also a bug with Mozilla not printing the bottom of the pages). I fixed it by adding a print stylesheet with everything unnecessary set to display:none. Sorry, that probably doesn't help you too much! K. -- Kay Smoljak http://kay.smoljak.com On Thu, 12 Aug 2004 13:56:20 +1000, Gavin Cooney [EMAIL PROTECTED] wrote: I've got a page that when someone tries to print it in IE 6 on windows, it crashes the browser. There's nothing fancy in it, and i've stripped it down so i know the problem only happens when something is the second line of the table. ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] IE print bug crashes page
Implementing the suggestions at http://www.alistapart.com/articles/goingtoprint/ Will go a long way to solving your problem. All floats should be set to float: none; and it often helps to make remove absolute positioned items. -- Neerav Bhatt http://www.bhatt.id.au Web Development IT consultancy Mobile: +61 (0)403 8000 27 http://www.bhatt.id.au/blog/ - Ramblings Thoughts http://www.bookcrossing.com/mybookshelf/neerav Gavin Cooney wrote: Hi all, I've got a page that when someone tries to print it in IE 6 on windows, it crashes the browser. There's nothing fancy in it, and i've stripped it down so i know the problem only happens when something is the second line of the table. Any ideas what's going on? Regards Gav ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
