Re: [WSG] I Hate Internet Explorer Pt 2
Germ wrote: Ok now its my turn to grib about Internet Explorer ... PS: Is there an online petition to ban IE?? This list is not for IE bashing. We're all aware of the fact that IE has some serious limitations and many of us have to deal with them everyday. However, venting your frustration publicly and using subjects like I Hate Internet Explorer or Internet Explorer I Hate You! isn't the most constructive way to deal with your problems. underneath the menu bar I get a blue bar that should not be there That's because of the way IE incorrectly handles 'height'. It effectively treats it like 'min-height' and because the list items within the ul end up being higher than the height specified for the ul, the ul gets stretched. You need to make sure the total height of the list items (including 'height', 'line-height', 'padding', etc.) does not exceed that of the ul. -- Lachlan Hunt http://lachy.id.au/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] I Hate Internet Explorer Pt 2
ONE: I have a min width but it doesnt work in explorer so the right flash file drops down when its minimised. Since IE 6.0 doesn't support min-width, you need to use (a CSS invalid) expression: min-width: 800px; width: width:expression((document.documentElement.offsetWidth 820)? 800px: auto ); TWO: underneath the menu bar I get a blue bar that should not be there I don't see that one. THREE: when you click on the news tab you go to the news page and the about and news links are squashed together. Im thinking it may be due to teh blog style sheet as i have had some trouble with it and am still 'trying' to clean it up ( http://www.jp2designs.com/Blog.css) You have a bad end anchor tag (/a) for about: div id=navlist ul lia href=http://www.jp2designs.com/index.html;home/a/li lia href=#http://www.jp2designs.com/AboutUs.html;about/a/li === here lia href=http://jp2designs.com/news;news/a/li lia href=#http://www.jp2designs.com/Web.html;web/a/li lia href=#http://www.jp2designs.com/Print.html;print/a/li lia href=#http://www.jp2designs.com/Clients.html;clients/a/li lia href=#http://www.jp2designs.com/Contact.html;contact/a/li /ul /div Regards, Kepler *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] I Hate Internet Explorer Pt 2
On 13-Sep-2006, at 15:37 , Germ wrote: PS: Is there an online petition to ban IE?? Kind of ... I place a link to this site on every page I build ... just to try and get some awareness happening in the general community ... http://browsehappy.com/ Hopefully things will be much better with IE7 ... Regards, Peter -- Peter Dominic Ryan | raycity* : new media solutions : proven [EMAIL PROTECTED] | http://raycity.com | mb: 0419 229 738 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] I Hate Internet Explorer Pt 2
Is there somewhere a list of what/how IE interperates html/css differently from, let's say Firefox? And how to make a page work in both? _ FREE pop-up blocking with the new MSN Toolbar - get it now! http://toolbar.msn.click-url.com/go/onm00200415ave/direct/01/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] I Hate Internet Explorer Pt 2
Germ wrote: Ok now its my turn to grib about Internet Explorer ... PS: Is there an online petition to ban IE??This list is not for IE bashing.We're all aware of the fact that IEhas some serious limitations and many of us have to deal with themeveryday.However, venting your frustration publicly and using subjects like I Hate Internet Explorer or Internet Explorer I Hate You! isn'tthe most constructive way to deal with your problems.ok im sorry if i have trodden on some peoples toes by my comments underneath the menu bar I get a blue bar that should not be there That's because of the way IE incorrectly handles 'height'.Iteffectively treats it like 'min-height' and because the list itemswithin the ul end up being higher than the height specified for the ul,the ul gets stretched.You need to make sure the total height of the list items (including 'height', 'line-height', 'padding', etc.) does notexceed that of the ul.I got this problem working. What the problem was is that I had the background-image: url (imagename); but when dropping the '-image' bit and adding an 'repeat x' it fixed the problem however im still stuck on the other two problems ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] Internet Explorer I Hate You! (Having some problems)
Kepler Gelotte wrote:
Firstly I have a large area of content that is simply disappearing, its
not floated or positioned either. This is on the menus page (
http://dev.riverhousecatering.com/?mgx=page/menu )
Secondly on the menu pages randomly some of the content is shifted down
about 50px covering over the following items. Its entirely random as far
as I can tell. Things are floated with clears.
Hi Steve,
Add float:left; to your #menu_menu definition in specific.css:
#menu_menu {
margin:1em 0;
float:left;
}
Regards,
Kepler Gelotte
Great, thanks. Any ideas on the second problem, that is just too
strange, its so random.
Cheers,
Steve.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] I Hate Internet Explorer Pt 2
Sure. http://css-discuss.incutio.com/ -Original Message- From: Hrvoje Markovic Subject: Re: [WSG] I Hate Internet Explorer Pt 2 Is there somewhere a list of what/how IE interperates html/css differently from, let's say Firefox? And how to make a page work in both? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Internet Explorer I Hate You! (Having some problems)
Great subject =) kind regards Terrence Wood. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] I Hate Internet Explorer Pt 2
So dumb question...does that go in the style sheet? I ask because I added it and it didnt work. also the code below goes on one line right? Since IE 6.0 doesn't support min-width, you need to use (a CSS invalid)_expression_:min-width: 800px;width: width:_expression_((document.documentElement.offsetWidth 820)? 800px: auto ); I have a feeling that it was something silly like a missing tag or somethingThanks peoples ***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] I Hate Internet Explorer Pt 2
Hrvoje Markovic wrote: Is there somewhere a list of what/how IE interperates html/css differently from, let's say Firefox? And how to make a page work in both? http://positioniseverything.net/explorer.html -- Lachlan Hunt http://lachy.id.au/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] I Hate Internet Explorer Pt 2
So dumb question...
does that go in the style sheet? I ask because I added it and it didnt
work. also the code below goes on one line right?
Sorry I had a typo. It should be:
#container {
min-width: 800px;
width:expression((document.documentElement.offsetWidth 820)?
800px: auto );
}
Regards,
Kepler
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] I Hate Internet Explorer Pt 2
hey thanks alot for thatI looked at the http://css-discuss.incutio.com/?page=MinWidth page but the code you gave me is definatly better and easier to add into the style sheet
Thanks alot to peoples help and comments and the links to the other pages about the quirks of IE etcOn 9/13/06, Kepler Gelotte
[EMAIL PROTECTED] wrote: So dumb question... does that go in the style sheet? I ask because I added it and it didnt
work. also the code below goes on one line right? Sorry I had a typo. It should be:#container {min-width: 800px;width:_expression_((document.documentElement.offsetWidth 820)?
800px: auto );}Regards,Kepler***List Guidelines:
http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp:
[EMAIL PROTECTED]***-- JP2 Designshttp://www.jp2designs.com
***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***
Re: [WSG] I Hate Internet Explorer Pt 2
On 9/13/06, Kepler Gelotte [EMAIL PROTECTED] wrote: Since IE 6.0 doesn't support min-width, you need to use (a CSS invalid) expression: You can also fake min-width without using invalid CSS: http://www.cssplay.co.uk/boxes/minwidth.html http://www.cssplay.co.uk/boxes/width.html *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Developers wanted - London UK
The Radio and Music department at the BBC in London (UK) is looking for web standards developers For more information go to: https://jobs.bbc.co.uk/jobportal/search/vacancy.aspx?id=9964 Anthony Green http://www.bbc.co.uk/ This e-mail (and any attachments) is confidential and may contain personal views which are not the views of the BBC unless specifically stated. If you have received it in error, please delete it from your system. Do not use, copy or disclose the information in any way nor act in reliance on it and notify the sender immediately. Please note that the BBC monitors e-mails sent or received. Further communication will signify your consent to this. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] parsing microformats
Hey guys, Am wondering if any guys can help me with a little problem I am trying to solve in regard to parsing a bunch of vevents I have marked up and am trying to get into peoples outlook2003 calenders here at work. I have managed to get all events to export into an .ics file via the Technorati service but am wondering if there is a way I can target a single event at a time - so in this example I would provide a 'download event to calender' link for each of the events so people can get details for just the events they want. Each vevent has an ID which I am trying to use to target things (the example link is trying to get the academic board - 11th October) but no joy - any ideas??? My example page is at : http://www.lsbu.ac.uk/sbucomm/rossNewSite/tests/hCalTest/ Big thanks for any help : Ross Bruniges *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] parsing microformats
Am wondering if any guys can help me with a little problem I am trying to solve in regard to parsing a bunch of vevents I have marked up and am trying to get into peoples outlook2003 calenders here at work. Ross, if you don't have any luck here, you can always try the microformats-discuss list: http://microformats.org/mailman/listinfo/microformats-discuss Thanks Russ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] parsing microformats
Excellent stuff - I knew there was something I was missing and that makes perfect sense. I'll give it a try ASAP! Thanks very much for the help Drew. And thanks very much for the heads-up on the extra list Russ, much appreciated. - Original Message From: Drew McLellan [EMAIL PROTECTED] To: wsg@webstandardsgroup.org wsg@webstandardsgroup.org Sent: Wednesday, 13 September, 2006 12:36:16 PM Subject: Re: [WSG] parsing microformats On 13/9/2006, Ross Bruniges [EMAIL PROTECTED] wrote: Am wondering if any guys can help me with a little problem I am trying to solve in regard to parsing a bunch of vevents I have marked up and am trying to get into peoples outlook2003 calenders here at work. I have managed to get all events to export into an .ics file via the Technorati service but am wondering if there is a way I can target a single event at a time - so in this example I would provide a 'download event to calender' link for each of the events so people can get details for just the events they want. Each vevent has an ID which I am trying to use to target things (the example link is trying to get the academic board - 11th October) but no joy - any ideas??? Hi Ross Most microformat parsers support fragment identifiers for targeting only part of a page. This is the #something on the end of the URI. Therefore, passing in http://example.com/mypage#foo will return results for the element in the page with the ID 'foo' and its decendants. The trick to watch is that the fragment identifier by default is not passed to the server when you make an HTTP GET. Therefore you'll need to encode it to make sure it gets to the server. I think the correct encoding for # is %23 - but check. drew mclellan. *** 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] ***
[WSG] How to align images at the *bottom* with CSS?
Hi everybody, I have a block with an smaller image inside. I'd liked to align the image at the *bottom* of the block... How can I do it with CSS? Thanks for your help! Antonio *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] How to align images at the *bottom* with CSS?
On 9/13/06, Antonio [EMAIL PROTECTED] wrote:
I have a block with an smaller image inside.
I'd liked to align the image at the *bottom* of the block...
How can I do it with CSS?
#block {
position: relative;
}
#block img {
position: absolute;
bottom: 0;
}
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] How to align images at the *bottom* with CSS?
On 9/13/06 12:16 PM, Antonio [EMAIL PROTECTED] wrote:
I have a block with an smaller image inside.
I'd liked to align the image at the *bottom* of the block...
How can I do it with CSS?
If it is not important content - important info as opposed to just
decorative - make it a background image:
Div.your divnamehere{background:#pink url(path to your image) bottom center
no-repeat;}
Change center to left or right, etc.
HTH
--
Tom Livingston | Senior Multimedia Artist | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] I Hate Internet Explorer Pt 2
On 9/13/06 2:25 AM, Kepler Gelotte [EMAIL PROTECTED] wrote: Since IE 6.0 doesn't support min-width, you need to use (a CSS invalid) expression: min-width: 800px; width: width:expression((document.documentElement.offsetWidth 820)? 800px: auto ); Couldn't you just use 'height' ? I thought IE will treat that like min-height... ?? -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] I Hate Internet Explorer Pt 2
Tom Livingston wrote: On 9/13/06 2:25 AM, Kepler Gelotte [EMAIL PROTECTED] wrote: Since IE 6.0 doesn't support min-width, you need to use (a CSS invalid) expression: min-width: 800px; width: width:expression((document.documentElement.offsetWidth 820)? 800px: auto ); Couldn't you just use 'height' ? I thought IE will treat that like min-height... ?? well you could, but setting height isn't going to help with width is it? ;) -- Join me: http://wiki.workalone.co.uk/ Thank me: http://www.amazon.co.uk/gp/registry/1VK42TQL7VD2F Engage me: http://www.boldfish.co.uk/portfolio/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] I Hate Internet Explorer Pt 2
On 9/13/06 1:17 PM, Tony Crockford [EMAIL PROTECTED] wrote: well you could, but setting height isn't going to help with width is it? ;) ...morecoffeecan'tfindmug. DOH! -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] How to align images at the *bottom* with CSS?
Try vertical-align:bottom
As in p img {vertical-align:bottom}
Ted
-Original Message-
Hi everybody,
I have a block with an smaller image inside.
I'd liked to align the image at the *bottom* of the block...
How can I do it with CSS?
Thanks for your help!
Antonio
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
[WSG] Safari filter
A site I'm working on has both a screen and a handheld stylesheet. Safari is loading them both, which is causing some major problems. The site is served as xhtml, and the stylesheets are loaded by PIs. Is there any way to filter out the handheld stylesheet from Safari? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Safari filter
A site I'm working on has both a screen and a handheld stylesheet. Safari is loading them both, which is causing some major problems. The site is served as xhtml, and the stylesheets are loaded by PIs. Is there any way to filter out the handheld stylesheet from Safari? Safari is a decent browser but I don't what Apple was thinking when it tied updates and bug fixes to OS upgrades. In any event, Safari bugs are related to the OS X version you are running. I believe that if you order your style sheets, thusly, it might work around the bug: 1. handheld 2. screen Let us know if that works. -- Al Sparber PVII http://www.projectseven.com Designing with CSS is sometimes like barreling down a crumbling mountain road at 90 miles per hour secure in the knowledge that repairs are scheduled for next Tuesday. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: Re: [WSG] Safari filter
I believe that if you order your style sheets, thusly, it might work around the bug: 1. handheld 2. screen It changes quite a bit, but still is messed up. The handheld sheet styles elements that are unstyled in the screen sheet. I could probably fix it by doing the handheld sheet first as you suggest, and then specifying styles in the screen sheet for everything the handheld sheet styled. However, I'd really like to leave browser defaults for the screen sheet on these elements if possible. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: Re: [WSG] Safari filter
I believe that if you order your style sheets, thusly, it might work around the bug: 1. handheld 2. screen It changes quite a bit, but still is messed up. Gotta love those guys :-) If you can, post a link to the page, I'd like to test it in Safari on Panther to see if that version has issues too. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Safari filter
FWIW, my experience is that you won't get very far using media types for applying screen versus handheld styles anyway. Internet Explorer Mobile, for one, will load both screen and handheld media types, and a communication from a member of the Windows Mobile team told me that this was by design. Other handheld browsers will load both because they were written by some jerk who didn't read the spec, and never realised what they were supposed to be doing. I think the fact that a screen browser is rendering a handheld media type is the issue, no? Frankly, my job would end with a proper handheld style sheet. If someone was using a browser that didn't honor it, I wouldn't consider it my problem. I would be concerned about a screen browser that can't process the media type attribute correctly - even if it's a minor player like Safari. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] vert shift in IE *some* of the time...
I'm working on a new site that has a content shift down some/most of the time when you load/reload a page. But not all the time. And not the entire page. The left column seems stable. This happens in IE 6.0, beta IE 7, and Opera 9.1 on the PC, but *not* in Firefox 1.5.0.6 on the PC. And so far not in Firefox 1.5.06 on the Mac. Safari 2.0.4 on the Mac won't do it unless you continually reload the same page over and over, and then every once in a while it will do the jump. http://bbi.syr.edu/aboutbbi/ css: http://bbi.syr.edu/common/level2_all.css If you go down the main navigation links on the left, sometimes the new page does the vertical jump as it loads, sometimes not. And even if it doesn't, if you hit reload it flashes somewhat, but may not jump. The homepage has a similar thing going on (related or not I don't know) if you hit reload. http://bbi.syr.edu css: http://bbi.syr.edu/common/temp_home.css I hesitate to blame it on a browser bug, since it's happening to different degrees in more than one browser/platform. Validated my HTML and CSS to see if it was something obvious, but that hasn't helped so far. In a previous thread someone had mentioned width:100% on a container causing something similar... but didn't help here. Can anyone point me in the right direction?? I'm stumped. Not that it takes much these days but there's got to be an explanation. Right? I don't have a solid grasp of how IE handles width/height issues, but since it's happening in Opera too I'm thinking there'd be more to it anyway. Thanks! Bekka *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] How to align images at the *bottom* with CSS?
Thank you very much Matthew, Tom and Ted for your answer.
The Matthew's solution is OK for me.
;-)
Antonio
Le 13 sept. 06 à 19:05, Matthew Pennell a écrit :
On 9/13/06, Antonio [EMAIL PROTECTED] wrote:
I have a block with an smaller image inside.
I'd liked to align the image at the *bottom* of the block...
How can I do it with CSS?
#block {
position: relative;
}
#block img {
position: absolute;
bottom: 0;
}
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: Re: [WSG] Safari filter
FWIW, my experience is that you won't get very far using media types for applying screen versus handheld styles anyway. Internet Explorer Mobile, for one, My Samsung A900's ugly default browser uses handheld stylesheets pretty much flawlessly, seems to just love the xhtml mime type... it just plain respects standards. Considering the quality of IE's -main- browser, I can only imagine how horrible some side-project based off of it is. Luckilly, as far as I know, it doesn't have extremely high market share in that segment. I have an aversion to using the link element for some reason. Actually I think the head and body elements should disappear, and content (and only content) should be directly inside the html element. Hey, I can dream! haha. I think if there's no CSS filter or other relatively easy fix other than not using PIs, I'll just remove one rule from my handheld stylesheet which is causing overlapping text in safari, and let the other bugs (all purely asthetic, colors mostly) stay buggy. If you can, post a link to the page, I'd like to test it in Safari on Panther to see if that version has issues too. http://www.kennygraham.net/wsg_cssd/safaribug/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: Re: [WSG] Safari filter
If you can, post a link to the page, I'd like to test it in Safari on Panther to see if that version has issues too. http://www.kennygraham.net/wsg_cssd/safaribug/ Fails on Panther Safari (1.3.2) too. Passes on Camino, Firefox, and Opera. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: Re: [WSG] Safari filter
On a conventional xhtml page, this passes in Safari:
style type=text/css media=handheld
h1 {color: #FF;}
/style
style type=text/css media=handheld
@import url(kenny.css);
/style
link href=kenny.css rel=stylesheet type=text/css
media=handheld /
The external sheets contain one rule:
h1 {color: #FF;}
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] vert shift in IE *some* of the time...
I'm working on a new site that has a content shift down some/most of the time when you load/reload a page. But not all the time. Hi Bekka, It appears to be caused by the nifty.js and your windows.onLoad() function to Round() the box corners. I would try a different javascript to round the corners. I used the jQuery library at: http://jquery.com/blog/2006/08/31/jquery-101/ and the rounded corners plugin at: http://methvin.com/jquery/jq-corner-demo.html source: http://methvin.com/jquery/jq-corner.js Regards, Kepler Gelotte www.neighborwebmaster.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Safari filter
On 13 Sep 2006, at 20:11, Al Sparber wrote: FWIW, my experience is that you won't get very far using media types for applying screen versus handheld styles anyway. Internet Explorer Mobile, for one, will load both screen and handheld media types, and a communication from a member of the Windows Mobile team told me that this was by design. Other handheld browsers will load both because they were written by some jerk who didn't read the spec, and never realised what they were supposed to be doing. I think the fact that a screen browser is rendering a handheld media type is the issue, no? ... I would be concerned about a screen browser that can't process the media type attribute correctly - even if it's a minor player like Safari. Well, Safari handles the media attribute of the link element just fine in my tests on 2.0.4 (i.e. it ignores the handheld stylesheet). Given that Kenny clearly wants to serve different styles to handheld devices, I thought it was helpful to point out that with current technologies, he'll have to override just about everything from the screen stylesheet in the handheld stylesheet too. Frankly, my job would end with a proper handheld style sheet. If someone was using a browser that didn't honor it, I wouldn't consider it my problem. When your client is a big organisation, hundreds of whose employees are accessing the site with IE Mobile, the fact that you've delivered a proper handheld stylesheet doesn't matter - as far as the chairman of the board is concerned, it doesn't work on his company phone or PDA, so it doesn't work full stop. It's more likely to work correctly if one devises some way of sending only the styles needed through server-side techniques. Delivering content to handhelds makes me feel like I'm back in 1996 :-( Cheers, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] How to align images at the *bottom* with CSS?
My suggestion ( p img {vertical-align:bottom }) makes it easier to align an
image with a string of text. Matthew's is better for placing an image in a
block, which is what your were asking for.
However, Id suggest avoid vague positioning. i.e. dont use
background-position:bottom. Use background-position:0 100%; instead. The
same for your positioning, use bottom:0, left:0
Ive worked on a number of large sites that change over the course of time
and vague positioning falls apart when someone updates the image 6 months
from now. Or tries to over ride it later on with a more specific rule. Its
just a good practice to define your positioning specifically.
Ted Drake
www.last-child.com
On Behalf Of Carlos Carreo
background-position: bottom;
Matthew Pennell a écrit :
On 9/13/06, Antonio [EMAIL PROTECTED] wrote:
I have a block with an smaller image inside.
I'd liked to align the image at the *bottom* of the block...
How can I do it with CSS?
#block {
position: relative;
}
#block img {
position: absolute;
bottom: 0;
}
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] Safari filter
On 13 Sep 2006, at 20:57, Kenny Graham wrote: FWIW, my experience is that you won't get very far using media types for applying screen versus handheld styles anyway. Internet Explorer Mobile, for one, My Samsung A900's ugly default browser uses handheld stylesheets pretty much flawlessly, seems to just love the xhtml mime type... it just plain respects standards. Unfortunately, that's not the case with the majority of mobile browsers. There's a decent article about the hoops Yahoo!'s people went through creating a mobile-accessible site for the FIFA World Cup: http://www.designinteract.com/features/yahoofifa/ They found it necessary to test on ten different devices, and implement two different sets of markup, just to be sure they were allowing the maximum number of devices access to the site. Considering the quality of IE's -main- browser, I can only imagine how horrible some side-project based off of it is. In fact, it's better than IE 6 - I think that, just as IE Mac used to be, it's a different team with a different codebase. The version I have on my PDA supports transparency in PNGs, for example, and it has support for attribute selectors. On the other hand, it has no idea what the button element is... There's a table showing its CSS support at http://blogs.msdn.com/windowsmobile/articles/213771.aspx Luckilly, as far as I know, it doesn't have extremely high market share in that segment. Actually, there's a large number of handheld devices (phones and PDAs) running Windows Mobile; I felt the need to buy such a device purely for testing. I have an aversion to using the link element for some reason. I have an aversion to doing most of the things one has to do to get a working cross-platform implementation for handhelds :-) If it's for your own site then you might as well just do what works for you, but if it's a commercial site, or something you're doing for a client, I'm afraid you're in for a world of pain :-( Good luck, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] textarea wrap attribute
Yellow all ! I would like to know please how you are using the css property overflow to avoid the wrap=virtual attribute in xhtml 1.0 strict. I'm trusting css but I'm not shure I'm using it well. Maybe you are using an other css property. Even if the Web is a chaosmosis, it will not be an apology to make this list the same. :D Cheers, Peter -- Pierre-Henri Lavigne Cell Phone: +33618753267 http://www.getphuture.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] textarea wrap attribute
Pierre-Henri Lavigne wrote: I would like to know please how you are using the css property overflow to avoid the wrap=virtual attribute in xhtml 1.0 strict. What exactly does wrap=virtual supposedly do? I could not find any documentation for the value that described its purpose. None of my tests indicated any difference from the default behaviour or wrap=soft (which is documented as being the default). The WHATWG have documented both the hard and soft values. http://www.whatwg.org/specs/web-forms/current-work/#extensions1 MSDN have documented an additional off value which only differs from soft in presentation, not function, which is why it was not included in the WHATWG's work. http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/wrap.asp -- Lachlan Hunt http://lachy.id.au/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Safari filter
If it's for your own site then you might as well just do what works for you, but if it's a commercial site, or something you're doing for a client, I'm afraid you're in for a world of pain :-( Luckilly it's a semi-personal site. It's an interface for a database used by me and a large group of friends. That's why I'm able to serve as XHTML. I can just say if you want access, don't use IE. So Safari support isn't a complete necessity, but since it's generally a good browser, I'd rather not discourage its use among my non-nerd friends. But you mentioning that most mobile devices are buggy with styles makes me strongly consider solving all this by simply not using a handheld stylesheet. Because of the type of site it is, styling isn't at all necessary. Each page pretty much consists of: h1, h2, ul, h2, ul, h2, ul. IE may have many more bugs than Safari, but at least there they can be worked around with something as simple as a child selector or a conditional comment. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Safari filter
On Sep 14, 2006, at 10:32 AM, Kenny Graham wrote: If it's for your own site then you might as well just do what works for you, but if it's a commercial site, or something you're doing for a client, I'm afraid you're in for a world of pain :-( Luckilly it's a semi-personal site. It's an interface for a database used by me and a large group of friends. That's why I'm able to serve as XHTML. I can just say if you want access, don't use IE. So Safari support isn't a complete necessity, but since it's generally a good browser, I'd rather not discourage its use among my non-nerd friends. But you mentioning that most mobile devices are buggy with styles makes me strongly consider solving all this by simply not using a handheld stylesheet. Because of the type of site it is, styling isn't at all necessary. Each page pretty much consists of: h1, h2, ul, h2, ul, h2, ul. IE may have many more bugs than Safari, but at least there they can be worked around with something as simple as a child selector or a conditional comment. Well, it is a annoying bug in Safari. It simply ignores all media attributes and the 'alternate=yes' attribute - and maybe more, but I didn't test further than those. Here is my test file: http://dev.l-c-n.com/XHTML/test1-multistyle.xhtml You might consider filing a bug report http://bugzilla.opendarwin.org/ (I didn't find any open bug on the subject) Philippe --- Philippe Wittenbergh http://emps.l-c-n.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Internet Explorer I Hate You! (Having some problems)
Jixor - Stephen I wrote: Ok I'm having a few problems with internet explorer. This is the site I'm working on: http://dev.riverhousecatering.com/ Its not the most pretty site in the world but I'm sure you'll get over it. Anyway... Firstly I have a large area of content that is simply disappearing, its not floated or positioned either. This is on the menus page ( http://dev.riverhousecatering.com/?mgx=page/menu ) Secondly on the menu pages randomly some of the content is shifted down about 50px covering over the following items. Its entirely random as far as I can tell. Things are floated with clears. Thanks for any help ;) Cheers, Steve. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** So has anyone been able to reproduce the randomly jumping around elements, or even know of such a bug? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Internet Explorer I Hate You! (Having some problems)
So has anyone been able to reproduce the randomly jumping around elements, or even know of such a bug? Can you give a specific example? I don't see what the issue is myself. Is it really random? Do you refresh the screen and see a different layout? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Safari filter
On 14/09/2006, at 7:05 AM, Nick Fitzsimons wrote: On 13 Sep 2006, at 18:46, Kenny Graham wrote: Internet Explorer Mobile, for one, will load both screen and handheld media types Unless use specify Screen apparently. kind regards Terrence Wood. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
