[WSG] IE6 behaving badly with floated spans
Hi, I'm building a smaller site and I've ran into a problem with IE6 that I cannot solve. I got a table-based design from a designer, which I've subsequently turned into xhtml+css, and it's working almost perfectly (with some minor fixes) between most major browsers, including FF 1.5, FF 2.0, IE7, Opera and whathaveyou. What doesn't work perfectly though is IE6, and I can't say that I'm surprised. What messes up is this little piece of code: ---8--- div class=entryHeader span class=entryTitleLorem Ipsum/span span class=entryTime11:22/span span class=entryDate2006-07-08/span /div ---8 both entryTime and entryDate are in the CSS floated right, effectively positioning Time to the right of Date, and both of them to the right within the (width-specified) Header. What IE6 does, however, is that it positions Time and Date on the next row, making my one line header a two line one. By using position:relative and top:-16px they both appear on the same line as the Title, but the Header is still two rows high, presenting a really big ugly black bar that shouldn't be there. I've gone google-hunting for IE bugs, but I haven't found anything that applies to this particular behaviour, but I'm hoping that there's something I've overlooked or haven't found and that there's a simple fix to this :) Regards, Björn ** 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] Menu Out Of Place in IE 6
Hi, A much of pain as these pages have been, a reluctance to adding anything to the core stylesheet begs the question, would these rules be better served from a CSS conditional? Many Thanks, CK On Apr 9, 2006, at 6:27 PM, Gunlaug Sørtun wrote: CK wrote: First many thanks. The CSS rules have been included inline, specific to each page. Has this worked? Yes, they both render fine in my IE6 on win2K. The 'mailing list' page should also be given the styles created for the 'banner' page, as they'll then take care of the 'IE italic bug' in that page. You may as well add them all into the common stylesheet for that layout. Just test a bit. Also, no need to create a new style-element in the head for such page-specific styles. They can all follow the @import rule in one and the same style-element. Georg -- http://www.gunlaug.no ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** 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] IE6 behaving badly with floated spans
It's kind of hard to tell without seeing the actual site, but I would recommend an inline list instead of two right floats. That way you wouldn't have to have separate spans for each set of content. Jough Björn Gustafsson wrote: Hi, I'm building a smaller site and I've ran into a problem with IE6 that I cannot solve. I got a table-based design from a designer, which I've subsequently turned into xhtml+css, and it's working almost perfectly (with some minor fixes) between most major browsers, including FF 1.5, FF 2.0, IE7, Opera and whathaveyou. What doesn't work perfectly though is IE6, and I can't say that I'm surprised. What messes up is this little piece of code: ---8--- div class=entryHeader span class=entryTitleLorem Ipsum/span span class=entryTime11:22/span span class=entryDate2006-07-08/span /div ---8 both entryTime and entryDate are in the CSS floated right, effectively positioning Time to the right of Date, and both of them to the right within the (width-specified) Header. What IE6 does, however, is that it positions Time and Date on the next row, making my one line header a two line one. By using position:relative and top:-16px they both appear on the same line as the Title, but the Header is still two rows high, presenting a really big ugly black bar that shouldn't be there. I've gone google-hunting for IE bugs, but I haven't found anything that applies to this particular behaviour, but I'm hoping that there's something I've overlooked or haven't found and that there's a simple fix to this :) Regards, Björn ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** 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] Menu Out Of Place in IE 6
CK wrote:
A much of pain as these pages have been, a reluctance to adding
anything to the core stylesheet begs the question, would these rules
be better served from a CSS conditional?
No conditional comment needed. Just leave them in the page heads as they
are now.
My version look like this...
style type=text/css media=screen
/*![CDATA[*/
@import url(c/core.css);
@media screen {
* html #content {width: 377px; overflow-x: hidden;}
* html #content * {position: relative;}
}
#extra {overflow-x: hidden; width: 140px!important; padding: 0 3px;}
/*]]*/
/style
...where the @media rule prevents IE/Mac from seeing those IE/win
styles, just in case. Don't know what IE7 may need, but these styles
won't disturb it.
Georg
--
http://www.gunlaug.no
**
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] Safari Javascript prob?
!-- The doc is XHTML Transitional. You shouldn't use HTML comments in XHTML since the whole block may get ignored. BTW the javascript: URL scheme is not a good idea either. -- Jan Brasna :: www.alphanumeric.cz | www.janbrasna.com | www.wdnews.net ** 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] Website accessibility statement
Very nice site! I always love seeign people who are willing to take the extra steps to make a website that is truly foreveryone!A few small things that I would like to point out,- The page's XHTML does not validate - http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fnewserver.emis-online.com%2FI'm not sure if its the script on your page throwing it off or if its just the validator acting up. - I would suggest delivering complete, unstyled text for NN4 and WebTV Viewers. (Forgive me, I test and run every browser that I can get on my machine, leaving out only mac-only browsers as my mac is not here with me). NN4 can handle the text and flash even, but the CSS gets it everytime. WebTV's not too bad, the skip to content link is very useful and text is all readable, but for whatever reason, the images at the bottom of the page (search, emis nug, etc) appear too tiny to read. - Lynx picks up all the text, very nice neat.- IE5: The text (Privacy Policy, etc) overlaps the (?) image.Ok... that's my two cents. Again, very nicely done! :-)--Zachary On 4/10/06, Chris Taylor [EMAIL PROTECTED] wrote: Hi,Does anyone know of a standard, preferably copyright-free (or copyleft)website accessibility statement that I could use for the Help Accessibility page of a website I'm doing? I've looked but found nothing suitable.The site, in case you want to have a look and try to break it ishttp://newserver.emis-online.com. Any constructive criticisms will begladly accepted. EMIS are one of the UKs largest supplier of IT systems to the NHS, and a major supplier to the Ministry of Defence, and I'm ona one-man mission to make all their website standards compliant :0)Many thanksChris** The discussion list forhttp://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help**-- == The best way to predict the future is to invent it. [EMAIL PROTECTED] http://www.hopkinsprogramming.net
[WSG] Link in IE 6
I do not know if this is on topic for this list. If not, please reply to [EMAIL PROTECTED] When I use Firefox 1.5 to go to http://www.choroideremia.org and click on USA the USA index page comes up fine. When I do it in IE 6 I get a totally blank screen after clicking on USA. can anyone tell me why? HTML: http://www.choroideremia.org/index.php HTML: http://www.choroideremia.org/usa/index.php Angus MacKinnon MacKinnon Crest Saying Latin - Audentes Fortuna Juvat English - Fortune Assists The Daring Web page http://www.infoforce-services.com Choroideremia Research Foundation Inc. 2nd Vice president http://www.choroideremia.org ** 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] Is there a Javascript issue in Safari?
Safari does not like the JS psudo protocol.
(javascript:newWindowMinorSwing())
Try This Method:
http://www.alistapart.com/articles/popuplinks/
On Apr 10, 2006, at 12:37 PM, Fred Ehmann wrote:
Hello All,
I have this simple javascript in the head of a page:
!--
function newWindowMinorSwing()
{
window.open
('minor_swing.html','jav','width=550,height=360,resizable=yes');
}
//--
In the body, I have this:
a href=javascript:newWindowMinorSwing()CLICK TO WATCH QUICKTIME
(5.5 MB)/abr /
The doc is XHTML Transitional.
The function works fine in Firefox (on Mac) and IE 5.2 (Mac) but
not Safari--no popups. (Popup blocker is not on)
I must be overlooking something obvious...any ideas?
Thanks,
Fred
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] Site Check: SAPheadhunter
The careers section is an iFrame (not much I can do here) and there is no validation script on the forms yet. The stylesheet switcher will be replaced so the banner won't jump on page load. I'm particularly interested in the behavior of the boxes with drop shadow on the home page across browsers. http://www.tjkdesign.com/clients/roel/ Thanks, Thierry | www.TJKDesign.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] Site Check: SAPheadhunter
On 4/10/06, Thierry Koblentz [EMAIL PROTECTED] wrote: I'm particularly interested in the behavior of the boxes with drop shadow on the home page across browsers. http://www.tjkdesign.com/clients/roel/ They look fine in FF 1.5 Win but they are off to the right in Opera 8 Win. I don't know if others have this problem in Opera 8, it might just be my machine which has a problem with the DPI. I should also mention that these drop-shadows make me sick to my stomach. I think it is because they do not look realistic but (I presume unintentionally) create a sort of optical-illusion. The boxes look flat but they have a shadow that appears curved. I would go for some more traditional drop-shadows. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.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] Site Check: SAPheadhunter
The top 2 boxes appear to have a 1 px whitespace between the bottom border and the drop shadow in Firefox 1.0.7 Win XP Pro. The bottom 2 boxes are fine. All boxes look fine in IE 6.0.29 -Pete On 4/11/06, Thierry Koblentz [EMAIL PROTECTED] wrote: The careers section is an iFrame (not much I can do here) and there is no validation script on the forms yet. The stylesheet switcher will be replaced so the banner won't jump on page load. I'm particularly interested in the behavior of the boxes with drop shadow on the home page across browsers. http://www.tjkdesign.com/clients/roel/ Thanks, Thierry | www.TJKDesign.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 ** ** 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] Site Check: SAPheadhunter
Christian Montoya wrote: On 4/10/06, Thierry Koblentz [EMAIL PROTECTED] wrote: I'm particularly interested in the behavior of the boxes with drop shadow on the home page across browsers. http://www.tjkdesign.com/clients/roel/ They look fine in FF 1.5 Win but they are off to the right in Opera 8 Win. I don't know if others have this problem in Opera 8, it might just be my machine which has a problem with the DPI. Hi Christian, Your machine is fine. Opera renders the exact same thing as IE does, the difference is that I was able to use a Conditional Comment to take care of that shift in IE (I just won't make the extra effort for Opera). I should also mention that these drop-shadows make me sick to my stomach. I think it is because they do not look realistic but (I presume unintentionally) create a sort of optical-illusion. The boxes look flat but they have a shadow that appears curved. I would go for some more traditional drop-shadows. The effect I was after is that the 2 bottom corners look like they are up; but mostly I was testing a DOM solution to keep the markup clean. Thanks, Thierry | www.TJKDesign.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 **
[WSG] IE Speed...
Users wonder why we want them to use Firefox to run our applications - well this is why. http://ajaxian.com/archives/ie-vs-firefox-browser-speed Internet Explorer finished on average in 18.34 secs Firefox finished on average in 3.38 secs Now, that IS a difference. In this test Firefox was faster by cca. 5.42 times. ** 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] Site check please www.commerceengine.com.au/index.htm
Thanks, comments taken onboard, put a bit more space between the images. Will have a look at the darkness of the blue box. We are not worried about people having images off at this stage, when they have images and css off they would be able to navigate ;-) Kind regards, Taco Fleur Free Call 1800 032 982 or Mobile 0421 851 786 Pacific Fox http://www.pacificfox.com.au an industry leader with commercial IT experience since 1994 . * Web Design and Development * SMS Solutions, including developer API * Domain Registration, .COM for as low as fifteen dollars a year, .COM.AU for fifty dollars two years! -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Thierry Koblentz Sent: Tuesday, 11 April 2006 9:28 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Site check please www.commerceengine.com.au/index.htm Taco Fleur wrote: Haven't done this before, but thought I'd give it a go since we really want to make sure this site is easy to use and understand, we'd appreciate any feedback you might have for us. www.commerceengine.com.au/index.htm www.commerceengine.com.au/_resource/style/default.css The idea on the front-page is to first make our products stand out, then provide a little summary into each one of the main navigation buttons. Looks nice; the blue box seems to be a bit dark on my monitor though. I'd give some room to the images in the sidebar. Navigation links are not accessible with images off [0] Regards, Thierry | www.TJKDesign.com [0] http://www.tjkdesign.com/articles/scalable.asp /plug ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** 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] Interface Flexability
-Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of CK Sent: Tuesday, 11 April 2006 9:12 AM To: wsg@webstandardsgroup.org Subject: [WSG] Interface Flexability Hi, I've concerns with how to best slice the content area, the center inner shadow box, to accommodate text resizing at the following: (http://working.bushidodeep.com/remix/spring_mock.png) Any suggestions would be appreciated. When you say text resizing, do you mean a liquid layout? So do you want the graphic to expand on all browser windows? ** 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] Is there a Javascript issue in Safari?
Fred Ehmann wrote:
I have this simple javascript in the head of a page:
!--
function newWindowMinorSwing()
{
window.open('minor_swing.html','jav','width=550,height=360,resizable=yes');
}
//--
Do not use those HTML-style comments (!-- --)inside script and style
elements in XHTML documents. In fact, they're completely unnecessary in
HTML these days as well, so just don't use them at all.
http://lachy.id.au/log/2005/05/script-comments
Although this wasn't mentioned in that article, use this in XHTML instead:
script type=text/javascript//![CDATA[
//]/script
In the body, I have this:
a href=javascript:newWindowMinorSwing()CLICK TO WATCH QUICKTIME (5.5
MB)/abr /
That's inaccessible to anyone without javascript enabled/supported and
popups are evil. Link directly to the movie from the href attribute
and, if you insist on using a popup, use a script that handles the click
event and creates a popup with the value from the href attribute.
--
Lachlan Hunt
http://lachy.id.au/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
[WSG] Javascript Media Type
Gday, I hope I'm not off topic. Even though JavaScript is not a W3C Standard, doesn't it still count as a web standard as it is controlled by a standards body? I'm looking around the web for a DOM tutorial, and think I have come across a few, but in so doing, I discovered a link on the W3C DOM site to a document about media types for javascript, notably, that text/javascript is now obsolete to be replaced by application/javascript. What sort of support do browsers have for application/javascript, and what media type do people recommend using? Scripting Media Types Network Working Group - Internet Engineering Taskforce http://www.ietf.org/internet-drafts/draft-hoehrmann-script-types-03.txt Kat ** 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] Safari Javascript prob?
CK wrote: Safari does not like the JS pseudo protocol. What version are you using? It works in Safari 1.3 and 2.0 cheers, Geoff. == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == ** 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] Interface Flexability
Hi, As close as possible. Many Thanks, CK On Apr 10, 2006, at 4:16 PM, Andreas Boehmer [Addictive Media] wrote: -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of CK Sent: Tuesday, 11 April 2006 9:12 AM To: wsg@webstandardsgroup.org Subject: [WSG] Interface Flexability Hi, I've concerns with how to best slice the content area, the center inner shadow box, to accommodate text resizing at the following: (http://working.bushidodeep.com/remix/spring_mock.png) Any suggestions would be appreciated. When you say text resizing, do you mean a liquid layout? So do you want the graphic to expand on all browser windows? ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** 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] Safari Javascript prob?
CK wrote:
Safari does not like the JS psudo protocol.
On Apr 10, 2006, at 6:34 AM, Fred Ehmann wrote:
I have this simple javascript in the head of a page:
!--
function newWindowMinorSwing()
{
window.open('minor_swing.html','jav','width=550,height=360,resizable=yes');
}
//--
In the body, I have this:
a href=javascript:newWindowMinorSwing()CLICK TO WATCH QUICKTIME
(5.5 MB)/abr /
The doc is XHTML Transitional.
The function works fine in Firefox (on Mac) and IE 5.2 (Mac) but not
Safari.
I must be overlooking something obvious...any ideas?
Thanks,
Fred
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
i woulnd't worry lol, but that's just me thinking mac is stupid, beside5
more people use linux than mac, so your not missing out on many people
lol, i know it was pointless to mention :)
those who claim their macs are faster than pcs are so full of crap they
could double as a septic tank ~maximum pc
**
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] Is there a Javascript issue in Safari?
Lachlan Hunt wrote: http://lachy.id.au/log/2005/05/script-comments Although this wasn't mentioned in that article, use this in XHTML instead: script type=text/javascript//![CDATA[ //]/script Oops, typo. Requires 2 square brackets ']'. //]]/script -- Lachlan Hunt http://lachy.id.au/ ** 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] Safari Javascript prob?
2.0.3 Both Safari versions, for me, have failed various implementations of the pseudo-protocol used to pop-up windows. CK On Apr 10, 2006, at 6:05 PM, Geoff Pack wrote: CK wrote: Safari does not like the JS pseudo protocol. What version are you using? It works in Safari 1.3 and 2.0 cheers, Geoff. == The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments == ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** 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] Site Check: SAPheadhunter
Thierry Koblentz wrote: http://www.tjkdesign.com/clients/roel/ Left column not well prepared for my standard option... 'min font size = 14px'. Same overshooting result in Firefox 1.5 and Opera 9tp2. Georg -- http://www.gunlaug.no ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
