Re: [css-d] Site check please IE9/10
Thanks for the feedback, had it fixed. Turned out to be a problem with closing a button tag. I closed it like this: button type=submit title=Search class=searchbutton / which completely(!) messed up the page. Now it's closed this way button type=submit title=Search class=searchbutton /button and everything's fine :) I'm aware of the validation errors, there's a div that's not closed. But that's an error in the Magento code rendering the banner block on the right - have to track that down. Best, Albert Op 03-09-13 14:20, Albert van der Veen schreef: Hi all, I'm working on a new site and just found out it looks (and works, as you can't even click any link) awful in IE8/9 and good in IE10. Can anyone see whether IE8/9 are choking on something that IE10 has no problems with? I can't imagine css differences between IE9 and 10 being so huge it looks this awful. http://ideabooks.albertvanderveen.com/ Thank you for your time! best regards, Albert __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please IE9/10
On 11/09/2013 7:01 PM, Albert van der Veen wrote: Thanks for the feedback, had it fixed. Turned out to be a problem with closing a button tag. I closed it like this: button type=submit title=Search class=searchbutton / which completely(!) messed up the page. Now it's closed this way button type=submit title=Search class=searchbutton /button and everything's fine :) I'm aware of the validation errors, there's a div that's not closed. But that's an error in the Magento code rendering the banner block on the right - have to track that down. Best, Albert Why are you asking for and IE9 and IE10 site check when the default mode is IE9 standards mode? Since the page Doctype is XHTML 1.0 Strict (being serve as text/html), you can only use the ' /' closing on empty element [1]. button is not one of them. 1. http://justinsomnia.org/2005/12/there-are-only-10-legal-xhtml-empty-tags/ Alan -- Alan Gresley http://css-3d.org/ http://css-class.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please IE9/10
David, I really don't see how the three HTML errors would case his problem. And, you might want to check the CSS before running a validation. He's using CSS3 that validation does not appear to have been run under CSS3 but rather CSS2.1 making the error irrelevant. And, even if they were the only time I've run into problems like he describes they had to do with overlapping elements and the use of z-index, which validation won't find. On September 3, 2013 at 8:59 AM David Postill david.post...@gmail.com wrote: On Tue, 03 Sep 2013 14:20:01 +0200, Albert van der Veen wrote: | Hi all, | | I'm working on a new site and just found out it looks (and works, as you | can't even click any link) awful in IE8/9 and good in IE10. Can anyone | see whether IE8/9 are choking on something that IE10 has no problems | with? I can't imagine css differences between IE9 and 10 being so huge | it looks this awful. | | http://ideabooks.albertvanderveen.com/ Validation? http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fideabooks.albertvanderveen.com%2F 3 errors http://jigsaw.w3.org/css-validator/validator?profile=css21warning=0uri=http%3A%2F%2Fideabooks.albertvanderveen.com%2F 42 errors -- David Postill Dance your Life - Biodanza in Alkmaar, Holland - http://www.danceyourlife.eu __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please IE9/10
Albert, I'm not seeing your problem. Have your fixed it? On September 3, 2013 at 8:20 AM Albert van der Veen albert.lijs...@xs4all.nl wrote: Hi all, I'm working on a new site and just found out it looks (and works, as you can't even click any link) awful in IE8/9 and good in IE10. Can anyone see whether IE8/9 are choking on something that IE10 has no problems with? I can't imagine css differences between IE9 and 10 being so huge it looks this awful. http://ideabooks.albertvanderveen.com/ Thank you for your time! best regards, Albert __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please IE9/10
On Tue, 03 Sep 2013 14:20:01 +0200, Albert van der Veen wrote: | Hi all, | | I'm working on a new site and just found out it looks (and works, as you | can't even click any link) awful in IE8/9 and good in IE10. Can anyone | see whether IE8/9 are choking on something that IE10 has no problems | with? I can't imagine css differences between IE9 and 10 being so huge | it looks this awful. | | http://ideabooks.albertvanderveen.com/ Validation? http://validator.w3.org/check?verbose=1uri=http%3A%2F%2Fideabooks.albertvanderveen.com%2F 3 errors http://jigsaw.w3.org/css-validator/validator?profile=css21warning=0uri=http%3A%2F%2Fideabooks.albertvanderveen.com%2F 42 errors -- David Postill Dance your Life - Biodanza in Alkmaar, Holland - http://www.danceyourlife.eu __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please
Can you please view this website and give me your comments? Especially from technical point of view. Any quirks or strange behaviour or whatever? I hope i will get an overview of how this site works/acts on different browsers and platforms. http://beta.sterrenhofje.nl If you wish to allow users with bigger font sizes to read the information on your site, and if you wish to target your site for other platforms other then a specific standard view, I will start thinking about digging into the world of fluid css design. I'm a beginner myself on those matters, but I believe that, according the your goals, that's the way your site, technically speaking, should go. Thank you, Erik Visser Cheers, mem __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please
On Sun, May 20, 2012 at 6:00 AM, Erik Visser e...@erikvisser.net wrote: I hope i will get an overview of how this site works/acts on different browsers and platforms. http://beta.sterrenhofje.nl Thank you, Erik Visser The pages in the site seem to perform as expected in a Windows notebook in the current versions of Safari, Chrome, Opera, FF, IE/9, and IE/8. If of any concern there are some hasLayout issues with the navigation block in IE 6/7. Bset, David Laakso -- Chelsea Creek Studio http://ccstudi.com __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
Hi Theresa, Thank you for the email, the LOGO.jpg is not uploaded that is why it is not showing. I do have an issue on IE though at the moment, the text string: Header2 and the text below is not showing within the confines of the grey background image. How can I make sure that this shows in the right place? Thank-you very much, Kind Regards, Ed - Original Message - From: Theresa Mesa trixiesirishe...@gmail.com To: Norman Fournier nor...@normanfournier.com Cc: CSS Discuss css-d@lists.css-discuss.org Sent: Saturday, November 07, 2009 8:20 PM Subject: Re: [css-d] Site check please Well, according to your source code, there's supposed to be a logo there, called LOGO.jpg. Doesn't look like the image is on the server. Did you upload the images folder to the server? Is the logo in the images folder? Theresa On Nov 5, 2009, at 3:01 PM, Norman Fournier wrote: Safari 4.0.3 shows me an image missing icon in the upper left and corner. On 4-Nov-09, at 4:46 PM, Theresa Mesa wrote: What kind of things are you looking for us to find? On Nov 4, 2009, at 3:16 PM, Ed Goodson wrote: Hi all, Please could someone kindly test this on IE- especially 6. It looks fine to me on ff The page is tentatively passed xhtml strict. http://www.copywritecolombia.com/test.html Thank-you very much, Cheers, Ed __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
- Original Message - From: Theresa Mesa trixiesirishe...@gmail.com To: Norman Fournier nor...@normanfournier.com Cc: CSS Discuss css-d@lists.css-discuss.org Sent: Saturday, November 07, 2009 8:20 PM Subject: Re: [css-d] Site check please Well, according to your source code, there's supposed to be a logo there, called LOGO.jpg. Doesn't look like the image is on the server. Did you upload the images folder to the server? Is the logo in the images folder? Theresa On Nov 5, 2009, at 3:01 PM, Norman Fournier wrote: Safari 4.0.3 shows me an image missing icon in the upper left and corner. On 4-Nov-09, at 4:46 PM, Theresa Mesa wrote: What kind of things are you looking for us to find? On Nov 4, 2009, at 3:16 PM, Ed Goodson wrote: Hi all, Please could someone kindly test this on IE- especially 6. It looks fine to me on ff The page is tentatively passed xhtml strict. http://www.copywritecolombia.com/test.html Thank-you very much, Cheers, Ed __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Hi Theresa, Thank you for the email, the LOGO.jpg is not uploaded that is why it is not showing. I do have an issue on IE though at the moment, the text string: Header2 and the text below is not showing within the confines of the grey background image. How can I make sure that this shows in the right place? Thank-you very much, Kind Regards, Ed http://www.copywritecolombia.com/test.html __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
That's why Safari is giving you the missing image icon. The image your code is calling is missing, because it's not on the server. ;-) Which version of IE are you having the header issue with? To be honest, my attempts at making stuff work on IE are all hail Mary passes, but I'm learning. I'm thankful IE7 and 8 pretty much behave. OTOH, first of all, your site is XHTML Transitional. You should get out of the habit of doing your tags (in your CSS) in caps. I'm thinking your problem would be with how IE handles the box model, especially earlier versions of IE. Someone more studied than me is going to need to figure it out. All I know is the things look really tight in there looking at it through the FF Web Developer toolbar CSS menu (View Styles), and your h2 and p edges are so wide, they're going under your red box. IE may not be handling it the way you want it to. I'm reposting the link to your site here so others can maybe help. http://www.copywritecolombia.com/test.html Theresa On Nov 8, 2009, at 4:21 PM, Ed Goodson wrote: Hi Theresa, Thank you for the email, the LOGO.jpg is not uploaded that is why it is not showing. I do have an issue on IE though at the moment, the text string: Header2 and the text below is not showing within the confines of the grey background image. How can I make sure that this shows in the right place? Thank-you very much, Kind Regards, Ed - Original Message - From: Theresa Mesa trixiesirishe...@gmail.com To: Norman Fournier nor...@normanfournier.com Cc: CSS Discuss css-d@lists.css-discuss.org Sent: Saturday, November 07, 2009 8:20 PM Subject: Re: [css-d] Site check please Well, according to your source code, there's supposed to be a logo there, called LOGO.jpg. Doesn't look like the image is on the server. Did you upload the images folder to the server? Is the logo in the images folder? Theresa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
Ed Goodson wrote: http://www.copywritecolombia.com/test.html I do have an issue on IE though at the moment, the text string: Header2 and the text below is not showing within the confines of the grey background image. How can I make sure that this shows in the right place? Thank-you very much, Kind Regards, Ed http://www.copywritecolombia.com/test.html I assume the issue are talking about is in XP IE/6.0 and IE/7.0, and that the specific issue in those two IE browsers is the slightly larger horizontal gutter under h2 and the list beneath it. And that IE/8.0 is rendering it as you intend. If so, #navlist is your target selector and this change brings IE/6.0 and IE/7.0 on-board: #navlist { margin-left: 0; :: delete :: margin:0;-- :: add :: padding-left: 0; list-style: none; } ~d __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
Well, according to your source code, there's supposed to be a logo there, called LOGO.jpg. Doesn't look like the image is on the server. Did you upload the images folder to the server? Is the logo in the images folder? Theresa On Nov 5, 2009, at 3:01 PM, Norman Fournier wrote: Safari 4.0.3 shows me an image missing icon in the upper left and corner. On 4-Nov-09, at 4:46 PM, Theresa Mesa wrote: What kind of things are you looking for us to find? On Nov 4, 2009, at 3:16 PM, Ed Goodson wrote: Hi all, Please could someone kindly test this on IE- especially 6. It looks fine to me on ff The page is tentatively passed xhtml strict. http://www.copywritecolombia.com/test.html Thank-you very much, Cheers, Ed __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
Hi all, Please could someone kindly test this on IE- especially 6. It looks fine to me on ff The page is tentatively passed xhtml strict. http://www.copywritecolombia.com/test.html; Seems to look the same for me in FF and IE 6 on windows. Posted screen shot here for IE6 for you: http://www.koolfish.com/test/ie6.gif Lisa __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
What kind of things are you looking for us to find? On Nov 4, 2009, at 3:16 PM, Ed Goodson wrote: Hi all, Please could someone kindly test this on IE- especially 6. It looks fine to me on ff The page is tentatively passed xhtml strict. http://www.copywritecolombia.com/test.html Thank-you very much, Cheers, Ed __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
Lorraine Barte Nepomuceno wrote: Hi guys, So far, I've tested this layout in Mac Firefox Safari, and Windows Firefox IE8. I'd love any feedback you might have- especially viewed in other browsers and resolutions. http://www.splashscreen.com/sample/sample.html Thanks very much, Lorraine Right column float drop at 800 in all compliant browsers. Right column float drop at 640 in all compliant browsers; and, left-column nowhere to be found. All browsers render the rivers-- they are more pronounced with font-scaling, making the text unreadable. Left column crossing over the center column in IE/7. The columns are rail to rail in IE/6; the left column is touchy sometimes dropping on a drag in the 1680 to 1280 range; left column crosses over center column at 640. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
On Fri, Jul 17, 2009 at 10:18 PM, David Laakso da...@chelseacreekstudio.com wrote: David Laakso wrote: Lorraine, Getting your page functional in IE 6/7 required hacking it from here to Havana. And it still was not right. If you need to keep your current markup, then someone else on the list may provide a better solution than I could. If, on the other hand, you can live with a different layout structure and faux columns, it's a breeze to pull-off without any hacks. Please see: http://chelseacreekstudio.com/ca/cssd/tres.html Checked in: IE 6/7/8. opera/10b, ff/3.5, ff/2x, safari, camino, seamonkey, and chrome. Best, ~d Thank you, David! That was based on AListApart's Holy Grail, which I thought I'd try using. I usually stick to Layout Gala's or IronMeyers. But thank you, thank you for that link. I am most grateful. :) Lorraine __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
David Laakso wrote: Lorraine Barte Nepomuceno wrote: Hi David, Can you reload the page? I've made some changes (I think my calculations for layout size were wrong :-))... please let me know if it's better now: http://www.splashscreen.com/sample/sample.html thanks very much Lorraine Lorraine, Getting your page functional in IE 6/7 required hacking it from here to Havana. And it still was not right. If you need to keep your current markup, then someone else on the list may provide a better solution than I could. If, on the other hand, you can live with a different layout structure and faux columns, it's a breeze to pull-off without any hacks. Please see: http://chelseacreekstudio.com/ca/cssd/tres.html Checked in: IE 6/7/8. opera/10b, ff/3.5, ff/2x, safari, camino, seamonkey, and chrome. Best, ~d __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
On Thu, Jul 16, 2009 at 2:57 PM, Lorraine Barte Nepomucenowebmistr...@splashscreen.com wrote: So far, I've tested this layout in Mac Firefox Safari, and Windows Firefox IE8. I'd love any feedback you might have- especially viewed in other browsers and resolutions. http://www.splashscreen.com/sample/sample.html In Safari 3 (Mac) and Firefox 3 (Mac), if the browser window is narrower than 797px, the left sidebar vanishes. In IE 6, you run into some scary overlapping issues as the window narrows: http://files.getdropbox.com/u/23489/ie6_view.png Erik __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
Lorraine Barte Nepomuceno wrote: Thanks for your reply, David- although I do admit I am confused by some of it... what are rivers? I'd appreciate any ideas you might have on what I've done wrong in my CSS as well... thanks again :) Lorraine Think of the text-block as a piece of fine tapestry. Squint your eyes at it. You'll see the rivers cascading down the tapestry. Scale the fonts and it will be even more obvious. The correction is to set the text and headings flush-left (text-align: left;). __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
Lorraine Barte Nepomuceno wrote: Hi David, Can you reload the page? I've made some changes (I think my calculations for layout size were wrong :-))... please let me know if it's better now: http://www.splashscreen.com/sample/sample.html thanks very much Lorraine For a lot of reasons, reply to the list, and bottom post. OK. You ditched the rivers. This is good. Your page proper still has issues. Opera/10b and Safari/4 drop the right-column float on a drag to a narrower window. IE/7 still rendering the left-column crossing over the center column on drag. IE/6 does not support min or max width: consequently, the columns are rail rail; and, additionally, the left column is clipped on the left. Wait. Do not change anything. Hitting a moving target is difficult. I'll be back. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
2009/5/20 David Laakso da...@chelseacreekstudio.com: Ib Jensen wrote: Dunno, but it may be IE/6 is not honoring the advanced selector for the missing icons-- but does it really matter? Of more importance (?), may be that neither of the more important content images in the right column, reside in their respective containers in IE/6. . Apart from that the Template was _not made_ for IE6, I would like it to behave nice. About the icons, They don't matter, but if they _could_ be shown And, if push came shove, I'd consider setting a fixed width of 990px on the page outermost wrapper for IE/6.0 (only). This will prevent the float drop in narrow windows, in IE/6. And, it will resolve that IE/6 does not support min/max width. That should then be in a CC in the header or in a ie.css ? I do not know, as well, why you need be particularly concerned with the zoom toy in IE. Unless you are willing to start from scratch with a different layout concept, it may be beneficial to accept IE's zoom toy for what it is: *page zoom. * I was just testing how it behaved in a large size, but should problably instead have used browsershot.com? to test it in. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
Ib Jensen wrote: 2009/5/20 David Laakso da...@chelseacreekstudio.com: Ib Jensen wrote: Dunno, but it may be IE/6 is not honoring the advanced selector for the missing icons-- but does it really matter? Of more importance (?), may be that neither of the more important content images in the right column, reside in their respective containers in IE/6. . Apart from that the Template was _not made_ for IE6, I would like it to behave nice. This star html hack will set the fixed width for IE/6. Leave it in the CSS file. Or, if you prefer, put it in an IE/6 conditional comment. It will work either way. * html div#side {width:990px;} /* for IE/6 */ The division ( .manchet ) in the right column that has the float right images needs to be cleared for IE/6. Add this to the style sheet to do that (this will not adversely effect other browsers, so no need to put it in a CC): .manchet:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .manchet { display: inline-block; } About the icons, They don't matter, but if they _could_ be shown IE/6 does not support this css selector: a[href^=mailto:;] {background-image:url(email000.png);} IE/8, and IE/7, do support it and show your icons. If it is necessary to have those two icons in IE/6 you'll need to feed them to it with a simple selector. Seems more trouble than it is worth (to me) for a browsers that is on death row. But it is your call... I do not know, as well, why you need be particularly concerned with the zoom toy in IE. Unless you are willing to start from scratch with a different layout concept, it may be beneficial to accept IE's zoom toy for what it is: * page zoom. * I was just testing how it behaved in a large size, but should problably instead have used browsershot.com? to test it in. A static screen capture from browsershot will not show how the fonts scale. IETester only enables page zoom, not font-scaling. To test the IEs for font-scaling on a native box or the standalone versions http://tredosoft.com/IE7_standalone. In IE/6 it is: viewtext sizelargest. In IE 7/8 it is: pagetext sizelargest __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
2009/5/20 David Laakso da...@chelseacreekstudio.com: Ib Jensen wrote: 2009/5/20 David Laakso da...@chelseacreekstudio.com: Ib Jensen wrote: This star html hack will set the fixed width for IE/6. Leave it in the CSS file. Or, if you prefer, put it in an IE/6 conditional comment. It will work either way. * html div#side {width:990px;} /* for IE/6 */ The division ( .manchet ) in the right column that has the float right images needs to be cleared for IE/6. Add this to the style sheet to do that (this will not adversely effect other browsers, so no need to put it in a CC): .manchet:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; } .manchet { display: inline-block; } Thank you, I will use it. IE/6 does not support this css selector: a[href^=mailto:;] {background-image:url(email000.png);} IE/8, and IE/7, do support it and show your icons. If it is necessary to have those two icons in IE/6 you'll need to feed them to it with a simple selector. Seems more trouble than it is worth (to me) for a browsers that is on death row. But it is your call... No need for them in IE6. I was just hoping :( A static screen capture from browsershot will not show how the fonts scale. IETester only enables page zoom, not font-scaling. To test the IEs for font-scaling on a native box or the standalone versions http://tredosoft.com/IE7_standalone. In IE/6 it is: viewtext sizelargest. In IE 7/8 it is: pagetext sizelargest Thanks for this information I know that anything you put on a webpage is sometimes shown differently in any browser. And even more differently if the user are using a homemade configuration of the browser To Val Dobson Thanks for the correction. -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
Ib Jensen wrote: Hi Link: http://ikjensen.dk Tested locally in FF 3.0.10 - IE 6/78 (IETester 0.3.3) Locally known issues: IE6 dont show my link-icons IE7 - 8 behave rather ok. As FF3. At 190% Page- or Text-zoom?: IE6: Arghhh The template _are_ not made for IE6! IE7: Page got a horizontal scroll-bar, and continues out of the viewport. IE8: Page continues out of the viewport, but no horizontal scroll-bar. I like sort of have no wild and bad issues with your site (other than trying to find relevant selectors, in that CSS maze, ain't easy). Dunno, but it may be IE/6 is not honoring the advanced selector for the missing icons-- but does it really matter? Of more importance (?), may be that neither of the more important content images in the right column, reside in their respective containers in IE/6. . And, if push came shove, I'd consider setting a fixed width of 990px on the page outermost wrapper for IE/6.0 (only). This will prevent the float drop in narrow windows, in IE/6. And, it will resolve that IE/6 does not support min/max width. I do not know, as well, why you need be particularly concerned with the zoom toy in IE. Unless you are willing to start from scratch with a different layout concept, it may be beneficial to accept IE's zoom toy for what it is: *page zoom. * __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please?
Chris Blake wrote: And 'stop the presses' is wrong, 'press' is plural. Uhh, not always, and certainly not when used as Jody is using it: as part of the age old saying: Stop the presses. This goes way back to the days of the printing press and refers literally to stopping the printing presses during the printing process because some new vital piece of information needs to be added to the news. -- !-- ! Bill Brown macnim...@gmail.com ! Web Developologist, WebDevelopedia.com -- __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please?
wow, thank you for the screen shot. I will adjust. On May 17, 2009, at 9:06 PM, David Laakso wrote: Jody Levinson wrote: Hi, all, I've created this site: http://evamoon.net and it looks all right as far as I can see in FF and current versions of IE, but when I open the pages in DreamWeaver the left sidebar appears in the lower right and the navbar position overlaps the top of the content area. I don't really care if it looks odd in DW, but the fact that it does makes me worried that it might be broken elsewhere and I just haven't seen it. Would you all mind terribly having a look and letting me know if there are problems with the CSS? The CSS validates, though there are some warnings and the HTML mostly validates except for things related to the flash slide show. Thanks so much! (and btw, Eva Moon is my stage name) Jody Jody, I do not think you can trust how anything looks in any editor's viewer-- including DW's. While someone else may bring up the issue you wrote about, I do not see it on this end in Mac FF, Mac Opera, Mac SeaMonkey, or Mac Safari. Nor in XP IE 6/7/8. As an unrelated aside, I prefer my font-size preference (default), rather than yours. And, mind that, neither Opera nor the IE browsers are capable of scaling line-height set in pixels. A raw number for line-height will suffice. Please see http://chelseacreekstudio.com/ca/cssd/eva.png (shot at 32px min-font size in Opera). Best, Samuel Langhorne Clemens, (better known by the pen name Mark Twain) -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please?
Hi Chris Actually, as Bill points out, stop the presses is correct in this sense. It refers to when a late breaking important news story would come in to a newspaper after the edition was already on the printing press. They'd stop the printing presses to update. The image at the bottom is just a plain old transparent gif with a black mask. I'm not wild about how the mask shows over a light background, but no mask leaves jaggedy edges on the hands. It's a tradeoff. As for the menu titles, I know the common wisdom is to make them straightforward, but since this is a site for a comic musician and supposed to be fun I thought it would be all right to play. The pages are light and few, so it's hard to get too lost. If many people disagree, I might reconsider. Thanks! On May 17, 2009, at 10:34 PM, Chris Blake wrote: On 18/05/2009, at 12:06 PM, David Laakso wrote: Jody Levinson wrote: Hi, all, I've created this site: http://evamoon.net and it looks all right as far as I can see in FF and current versions of IE, but when I open the pages in DreamWeaver the left sidebar appears in the lower right and the navbar position overlaps the top of the content area. I don't really care if it looks odd in DW, but the fact that it does makes me worried that it might be broken elsewhere and I just haven't seen it. Would you all mind terribly having a look and letting me know if there are problems with the CSS? The CSS validates, though there are some warnings and the HTML mostly validates except for things related to the flash slide show. Thanks so much! (and btw, Eva Moon is my stage name) Jody Jody, I do not think you can trust how anything looks in any editor's viewer-- including DW's. While someone else may bring up the issue you wrote about, I do not see it on this end in Mac FF, Mac Opera, Mac SeaMonkey, or Mac Safari. Nor in XP IE 6/7/8. As an unrelated aside, I prefer my font-size preference (default), rather than yours. And, mind that, neither Opera nor the IE browsers are capable of scaling line-height set in pixels. A raw number for line-height will suffice. Please see http://chelseacreekstudio.com/ca/cssd/eva.png (shot at 32px min- font size in Opera). Best, Samuel Langhorne Clemens, (better known by the pen name Mark Twain) I agree, Don't worry what Dreamweaver makes of it. It looks fine on my Safari (Version 4 Public Beta (5528.17)). If I want to know the 'scoop' I should go to the 'Snoop' button in the menu? And 'stop the presses' is wrong, 'press' is plural. Nice use of transparency in the bottom fixed image. What technique did you use? CB __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please?
On May 17, 2009, at 7:30 PM, Jody Levinson wrote: Hi, all, I've created this site: http://evamoon.net and it looks all right as far as I can see in FF and current versions of IE, but when I open the pages in DreamWeaver the left sidebar appears in the lower right and the navbar position overlaps the top of the content area. I don't really care if it looks odd in DW, but the fact that it does makes me worried that it might be broken elsewhere and I just haven't seen it. Would you all mind terribly having a look and letting me know if there are problems with the CSS? The CSS validates, though there are some warnings and the HTML mostly validates except for things related to the flash slide show. Thanks so much! (and btw, Eva Moon is my stage name) Jody Thanks everyone for your feedback. There is one page on the site that is broken in FF: http://evamoon.net/sl/index.html When I validate the HTML, it tells me there's a /div missing: # Error Line 87, Column 7: end tag for div omitted, but OMITTAG NO was specified /body You may have neglected to close an element, or perhaps you meant to self-close an element, that is, ending it with / instead of . # Info Line 42: start tag was here div id=wrapper But the page uses the exact same template as the other pages, though it's the only one that's in a subdirectory. All the code looks the same and the divs match up - I went through the template line by line and matched them up. There are some validation errors due to the iframe, but the iframe is not causing the problem. The page is broken without it and I've used the same iframe on another site page with no problem. I'm missing something! Help please! Thank you, Jody -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please?
On 19/05/2009, at 3:57 AM, Jody Levinson wrote: The image at the bottom is just a plain old transparent gif with a black mask. I'm not wild about how the mask shows over a light background, but no mask leaves jaggedy edges on the hands. It's a tradeoff. The way around this is to save the file as an alpha transparent png. This would allow antialiasing of the arms so that they look right over any coloured background. You probably know that alpha pngs aren't supported in IE6 but there are a number of techniques for forcing it to play ball. __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please?
On 2009/05/17 19:30 (GMT-0700) Jody Levinson composed: I've created this site: http://evamoon.net and it looks all right as far as I can see in FF and current versions of IE, but when I open the pages in DreamWeaver the left sidebar appears in the lower right and the navbar position overlaps the top of the content area. I don't really care if it looks odd in DW, but the fact that it does makes me worried that it might be broken elsewhere and I just haven't seen it. Would you all mind terribly having a look and letting me know if there are problems with the CSS? The CSS validates, though there are some warnings and the HTML mostly validates except for things related to the flash slide show. Thanks so much! (and btw, Eva Moon is my stage name) As I normally do, I looked at it first in my routine browsing browser, with practical font size default, minimum size enforced, user stylesheets, and no Flash. I rather like it there. It's one of those rare sites that is not over-styled via classes and ids, with the result that a generic user stylesheet can undo most designer's CSS damage. The most noticeable thing my defenses failed to do was widen enough that the last link in the nav row doesn't spill onto a new line. Also they failed to zoom the H2 text to a legible size. All the rest of the text not embedded in an image, as a consequence of my defenses, is nicely sized to my needs. I generally don't like light on dark color schemes, but this one is an exception. :-) -- A fool gives full vent to his anger, but a wise man keeps himself under control. Proverbs 29:11 NIV Team OS/2 ** Reg. Linux User #211409 Felix Miata *** http://fm.no-ip.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please?
Jody Levinson wrote: Hi, all, I've created this site: http://evamoon.net and it looks all right as far as I can see in FF and current versions of IE, but when I open the pages in DreamWeaver the left sidebar appears in the lower right and the navbar position overlaps the top of the content area. I don't really care if it looks odd in DW, but the fact that it does makes me worried that it might be broken elsewhere and I just haven't seen it. Would you all mind terribly having a look and letting me know if there are problems with the CSS? The CSS validates, though there are some warnings and the HTML mostly validates except for things related to the flash slide show. Thanks so much! (and btw, Eva Moon is my stage name) Jody Jody, I do not think you can trust how anything looks in any editor's viewer-- including DW's. While someone else may bring up the issue you wrote about, I do not see it on this end in Mac FF, Mac Opera, Mac SeaMonkey, or Mac Safari. Nor in XP IE 6/7/8. As an unrelated aside, I prefer my font-size preference (default), rather than yours. And, mind that, neither Opera nor the IE browsers are capable of scaling line-height set in pixels. A raw number for line-height will suffice. Please see http://chelseacreekstudio.com/ca/cssd/eva.png (shot at 32px min-font size in Opera). Best, Samuel Langhorne Clemens, (better known by the pen name Mark Twain) __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please?
On 18/05/2009, at 12:06 PM, David Laakso wrote: Jody Levinson wrote: Hi, all, I've created this site: http://evamoon.net and it looks all right as far as I can see in FF and current versions of IE, but when I open the pages in DreamWeaver the left sidebar appears in the lower right and the navbar position overlaps the top of the content area. I don't really care if it looks odd in DW, but the fact that it does makes me worried that it might be broken elsewhere and I just haven't seen it. Would you all mind terribly having a look and letting me know if there are problems with the CSS? The CSS validates, though there are some warnings and the HTML mostly validates except for things related to the flash slide show. Thanks so much! (and btw, Eva Moon is my stage name) Jody Jody, I do not think you can trust how anything looks in any editor's viewer-- including DW's. While someone else may bring up the issue you wrote about, I do not see it on this end in Mac FF, Mac Opera, Mac SeaMonkey, or Mac Safari. Nor in XP IE 6/7/8. As an unrelated aside, I prefer my font-size preference (default), rather than yours. And, mind that, neither Opera nor the IE browsers are capable of scaling line-height set in pixels. A raw number for line-height will suffice. Please see http://chelseacreekstudio.com/ca/cssd/eva.png (shot at 32px min-font size in Opera). Best, Samuel Langhorne Clemens, (better known by the pen name Mark Twain) I agree, Don't worry what Dreamweaver makes of it. It looks fine on my Safari (Version 4 Public Beta (5528.17)). If I want to know the 'scoop' I should go to the 'Snoop' button in the menu? And 'stop the presses' is wrong, 'press' is plural. Nice use of transparency in the bottom fixed image. What technique did you use? CB __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please...
Michael Beaudoin a écrit : I'm fleshing out a new site. I thought I'm doing this is as simple a manner as possible to not induce any anomalies, but I'm having some issues. What I can see off the bat... - In Safari, the logo on the right doesn't show (it does in Firefox IE) This one ? background-image:url(file:///Terminator/Users/badoyn/Desktop/Projects/Simmons%20Design/Meeks%20Site%20v2/website/images/mdg_logo_topright.gif); The path should be something like that background-image:url(images/mdg_logo_topright.gif); I guess you have included this image with a soft like Dreamweaver and you forgot to give a relative path - I've put the large type (our firm) at then end and using positioning tried to make it place over the photo. Good to an extent. In Firefox it seems to be positioned correctly, but in Safari/IE, it's closer to the bottom of the image. Also, there seems to be a large space under the photo I can't seem to understand why. It happened when I started to position the large type. In Opera your text wraps in 2 lines. Try something like this #container #imageArea .largeText { color:#FF; display:block; font-family:Helvetica,Verdana,Arial,sans-serif; font-size:128px; font-weight:bold; float: right; position:relative; top:-120px; } Luis __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please...
Subject: [css-d] Site check please... I'm fleshing out a new site. I thought I'm doing this is as simple a manner as possible to not induce any anomalies, but I'm having some issues. What I can see off the bat... - In Safari, the logo on the right doesn't show (it does in Firefox IE) - I've put the large type (our firm) at then end and using positioning tried to make it place over the photo. Good to an extent. In Firefox it seems to be positioned correctly, but in Safari/IE, it's closer to the bottom of the image. Also, there seems to be a large space under the photo I can't seem to understand why. It happened when I started to position the large type. - I'm sure there is more that you all will point out, and I appreciate it. Go to: http://ba-doyn.com/junk/meeks_test/ Looks the same in Safari as in Firefox (Vista) to me. I don't see any logo at all. Large print is at bottom of image in both browsers. You might also fix your html (mainly mistyping of Javascript stuff) Cheers Ian __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please - Cedar Lake Inn
Peter Hyde-Smith wrote: 11/13/2008 I'd appreciate a check of these four pages, http://www.fatpawdesign.com/CedarLakeInn/CLIbanquetmenu.html, http://www.fatpawdesign.com/CedarLakeInn/CLIbanquetpolicies.html, http://www.fatpawdesign.com/CedarLakeInn/CLIbanquetphotogallery.html. Peter On all four pages in XP IE/7 and IE/6 there is a sliver of white showing in the top border. Aside: A text block on top of an image (that becomes unrecognizable because of it) and that is less deep than the text-block is sometimes pulled-off in high end, and avant-garde, print media circles. I don't think it's quite appropriate for your clients site (it just creates the illusion the page is broken, even though it is not). -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: Cedar Lake Inn - Round #2
The height issue is definitely fixed in IE6. The entity issue is only an issue in the address line, but is not an issue in the times that the restaurant is open, yet uses some of the same bullets. Can you use the same coding for the bullets in the address line that you use in the times that the restaurant is open line? Nancy On Mon, Oct 27, 2008 at 10:30 PM, Gunlaug Sørtun [EMAIL PROTECTED] wrote: David Laakso wrote: Peter Hyde-Smith wrote: http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html http://www.fatpawdesign.com 1/ Dunno. Clear the cache? No got Avant here. I do not see the large gap you mention in any of my XP or Mac OS X 10.4.11 browsers. Avant uses existing Trident (MSIE) - the IE7 version in this case. Check in IE7 - big gaps. Declare... #bottomnav {height: 1%;} ...directly - no '* html' hack - and Avant/IE7 will behave itself. You can then delete the '* html #bottomnav' below '#bottomnav '. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: Cedar Lake Inn - Round #2
Hi Peter, I clicked through the links on your site and found a malformed tag at the bottom of the page in the menu section. http://www.fatpawdesign.com/CedarLakeInn/CLIfoodmenu.html It says clearboth at the bottom of the page. Thought you might want to know. Cheers, Tracey On Oct 28, 2008, at 3:26 PM, [EMAIL PROTECTED] wrote: -- Message: 1 Date: Tue, 28 Oct 2008 03:30:07 +0100 From: Gunlaug S?rtun [EMAIL PROTECTED] Subject: Re: [css-d] Site Check Please: Cedar Lake Inn - Round #2 To: Peter Hyde-Smith [EMAIL PROTECTED] Cc: css-d@lists.css-discuss.org, David Laakso [EMAIL PROTECTED] Message-ID: [EMAIL PROTECTED] Content-Type: text/plain; charset=ISO-8859-1; format=flowed David Laakso wrote: Peter Hyde-Smith wrote: http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html http://www.fatpawdesign.com 1/ Dunno. Clear the cache? No got Avant here. I do not see the large gap you mention in any of my XP or Mac OS X 10.4.11 browsers. Avant uses existing Trident (MSIE) - the IE7 version in this case. Check in IE7 - big gaps. Declare... #bottomnav {height: 1%;} ...directly - no '* html' hack - and Avant/IE7 will behave itself. You can then delete the '* html #bottomnav' below '#bottomnav '. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ End of css-d Digest, Vol 71, Issue 26 * __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: Cedar Lake Inn
The height attribute in IE6 are not displaying correctly, The image on the homepage is 1/2 high and the first line of address is cut so only the bottom half shows. It could be because IE6 doesn't recognize min-height. Nancy On Sat, Oct 25, 2008 at 7:25 PM, David Laakso [EMAIL PROTECTED] wrote: Peter Hyde-Smith wrote: 10/25/2008 Nefore I get much further, would appreciate a site check of new Cedar Lake Inn index page and one interior page here, http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html http://www.fatpawdesign.com/CedarLakeInn/CLIresetcss.css http://www.fatpawdesign.com/CedarLakeInn/CLIpagecss.css Some funkification of double borders in most browsers, and loss of #footer top margin in Opera. Education by the code and art elves always welcome. Cheers, Peter www.fatpawdesign.com developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024 checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1 validated (X)HTML and CSS In God we trust, all else bring data... Only checked in Mac Opera and Mac FF. Changes made live in FF-- no guarantee cross-browser (or in FF, for that matter) Re-set: #content{ height: 323px; } To read (in order to prevent text from heading for the Equator with scaling): #content{ min-height: 323px; } * html #content{ min-height: 323px; } #topnav, #dinnernav { padding: 0; :: not needed? padding-bottom: 20px; :: add } #topnav li a, #bottomnav li a, #dinnernav li a{ line-height: 1.6; -:: delete line-height: 0.7; -:: add -- less horsey when scaled } #bottomnav { /*float: right;*/float:left; :: amend margin-top: /*8px*/120px; :: amend } #addressblock{ line-height:0.5; --- :: less lead margin-top: /*18px*/30px; --- more lead } #footer{ border-top: 1px solid fuchsia/*test only*/; clear:both; margin: 280px 0 0 0;--:: delete font-size: 0.80em;--:: delete padding: 16px 0; } #footer p{ font-size: 0.7em; - :: add margin-left: 16px;- :: add margin-bottom: 8px;--:: delete } Fwiw, line-height usually needs no unit of measure-- a raw number will do. -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: Cedar Lake Inn
Banquet menu and policy are linked wrong on this page or missing http://www.fatpawdesign.com/CedarLakeInn/CLIbanquet.html Kelly Sigethy - Frynge.com Web Design - Hosting - Advertising http://www.frynge.com 1-403-251-9486 (Calgary) 1-866-331-9684 (Toll Free - Canada and the USA) +44 (0)8717 206 505 (United Kingdom) - Original Message - From: Peter Hyde-Smith [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Sent: Saturday, October 25, 2008 3:27 PM Subject: [css-d] Site Check Please: Cedar Lake Inn 10/25/2008 Nefore I get much further, would appreciate a site check of new Cedar Lake Inn index page and one interior page here, http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html http://www.fatpawdesign.com/CedarLakeInn/CLIresetcss.css http://www.fatpawdesign.com/CedarLakeInn/CLIpagecss.css Some funkification of double borders in most browsers, and loss of #footer top margin in Opera. Education by the code and art elves always welcome. Cheers, Peter www.fatpawdesign.com developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024 checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1 validated (X)HTML and CSS In God we trust, all else bring data... __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: Cedar Lake Inn
Nancy Johnson wrote: The height attribute in IE6 are not displaying correctly, The image on the homepage is 1/2 high and the first line of address is cut so only the bottom half shows. It could be because IE6 doesn't recognize min-height. Nancy Peter Hyde-Smith wrote: http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html Peter I hope this will bring IE/6 on board and level out some compliant browsers issues * html { :: delete :: overflow: hidden; } * html #content{:: delete :: min-height: 330px; } * html #content{ :: add :: height: 330px; } #addressblock{ line-height: /*0.5*/1.1; :: amend:: float: left; display: inline; ---:: delete both:: } #bottomnav { float: left; display: inline;---:: delete both:: } * html #bottomnav { height: 1%;---:: add:: border:1px solid fuchsia;---:: 4 position only:: } #bottomnav li{ float: left; :: add :: float: right;display: inline;---:: delete both:: } #footer{ padding: 16px 0;:: delete :: } #footer p{ padding-left: 16px;:: delete :: padding: 16px 0 16px 16px; :: add :: } #topnav li a, #bottomnav li a, #contentnav li a{ :: amend:: line-height: /*0.7*/1; } __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: Cedar Lake Inn
You could try that. I have done the same thing and it works. Nancy On Mon, Oct 27, 2008 at 11:49 AM, David Laakso [EMAIL PROTECTED] wrote: Nancy Johnson wrote: The height attribute in IE6 are not displaying correctly, The image on the homepage is 1/2 high and the first line of address is cut so only the bottom half shows. It could be because IE6 doesn't recognize min-height. Nancy Peter Hyde-Smith wrote: http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html Peter I hope this will bring IE/6 on board and level out some compliant browsers issues * html { :: delete :: overflow: hidden; } * html #content{:: delete :: min-height: 330px; } * html #content{ :: add :: height: 330px; } #addressblock{ line-height: /*0.5*/1.1; :: amend:: float: left; display: inline; ---:: delete both:: } #bottomnav { float: left; display: inline;---:: delete both:: } * html #bottomnav { height: 1%;---:: add:: border:1px solid fuchsia;---:: 4 position only:: } #bottomnav li{ float: left; :: add :: float: right;display: inline;---:: delete both:: } #footer{ padding: 16px 0;:: delete :: } #footer p{ padding-left: 16px;:: delete :: padding: 16px 0 16px 16px; :: add :: } #topnav li a, #bottomnav li a, #contentnav li a{ :: amend:: line-height: /*0.7*/1; } __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: Cedar Lake Inn - Round #2
- Original Message - From: David Laakso [EMAIL PROTECTED] To: Peter Hyde-Smith [EMAIL PROTECTED] Cc: Nancy Johnson [EMAIL PROTECTED]; css-d@lists.css-discuss.org Sent: Monday, October 27, 2008 10:49 AM Subject: Re: [css-d] Site Check Please: Cedar Lake Inn Peter Hyde-Smith wrote: http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html In addition to comments from Nancy Johnson and Kelly Sigethy, David Laakso wrote: I hope this will bring IE/6 on board and level out some compliant browsers issues /snip a bunch of implemented code/ * html #bottomnav { height: 1%;---:: add:: border:1px solid fuchsia;---:: 4 position only:: } /snip a bunch of other implemented code/ Thanks to everyone for the site check. I knew I was in trouble this morning when I checked the site at work on Win2K/IE6. Uggh. Hence, I have made the recommended changes and revalidated the lot. Avant was showing the decapitated text last night, the line-height fix resolves that. Also, I'm not killing anything at +/-2 page and +/-2 text zoom in FF3.0.3 (sounds like I am using a Lee-Enfield). A few further issues/questions/comments: 1. In Avant, I am getting a large gap between the #bottomnav and the #footer, like the large top-margin of the nav is being applied to the footer as well. 2. For my edification, does the border: solid 1px fuchsia; in the * html bottomnav declaration actually force something into position, or is it just a marker? It is not visible in any of my browsers. 3. My WinXP/IE8 nor Win2K/IE6 do not render the *there4;* (or *#8756;*) character entity. I ran across an article by Jukka Korpela that seems to confirm this issue with math entities (among others). Any suggestions besides picking one that works or using an image in its place? 4. Regarding the non-working links on the banquet page; yes, I knew those were dead. I have to convert an extensive written food menu and booking contract into something web post-able. Thanks again, and bottom posting as always, Peter www.fatpawdesign.com developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024 checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1 In God we trust, all else bring data... __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: Cedar Lake Inn - Round #2
Peter Hyde-Smith wrote: http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html http://www.fatpawdesign.com 1/ Dunno. Clear the cache? No got Avant here. I do not see the large gap you mention in any of my XP or Mac OS X 10.4.11 browsers. 2/ * html (star html) preceding a selector is a hack to feed a specific rule to IE/6 and down; consequently, the border will only be seen if you are viewing the page in IE/6, IE/5.5, or IE5.01. The purpose of the border (a background color could have been used instead) is to see if the correct selector has been targeted and that its position has in fact been corrected in IE/6, IE/5.5, or IE5.01. The border can then be deleted. 3/ Might be easier for patrons of the restaurant to read if you spell that stuff out line for line-- no (flaky, personal opinion) character entities needed? Something like... Address and Telephone Number: 4919 Highway 144 Hartford, Wisconsin 53027 262 644.4400 Open: Monday through Thursday 3pm to 10pm Friday and Saturday11am to 11pm Sunday 11am to 9pm We accept: VISA, MC, AmEx, DISC __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: Cedar Lake Inn - Round #2
David Laakso wrote: Peter Hyde-Smith wrote: http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html http://www.fatpawdesign.com 1/ Dunno. Clear the cache? No got Avant here. I do not see the large gap you mention in any of my XP or Mac OS X 10.4.11 browsers. Avant uses existing Trident (MSIE) - the IE7 version in this case. Check in IE7 - big gaps. Declare... #bottomnav {height: 1%;} ...directly - no '* html' hack - and Avant/IE7 will behave itself. You can then delete the '* html #bottomnav' below '#bottomnav '. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: Cedar Lake Inn
Peter Hyde-Smith wrote: 10/25/2008 Nefore I get much further, would appreciate a site check of new Cedar Lake Inn index page and one interior page here, http://www.fatpawdesign.com/CedarLakeInn/CLIindex.html http://www.fatpawdesign.com/CedarLakeInn/CLIdining.html http://www.fatpawdesign.com/CedarLakeInn/CLIresetcss.css http://www.fatpawdesign.com/CedarLakeInn/CLIpagecss.css Some funkification of double borders in most browsers, and loss of #footer top margin in Opera. Education by the code and art elves always welcome. Cheers, Peter www.fatpawdesign.com developing in: WinXP/SP2 + FF3.0.3 at 1024x768 and 1280x1024 checking in: IE8.0beta/O9.61/Av11.6/Cr0.2/Orca1.1 validated (X)HTML and CSS In God we trust, all else bring data... Only checked in Mac Opera and Mac FF. Changes made live in FF-- no guarantee cross-browser (or in FF, for that matter) Re-set: #content{ height: 323px; } To read (in order to prevent text from heading for the Equator with scaling): #content{ min-height: 323px; } * html #content{ min-height: 323px; } #topnav, #dinnernav { padding: 0; :: not needed? padding-bottom: 20px; :: add } #topnav li a, #bottomnav li a, #dinnernav li a{ line-height: 1.6; -:: delete line-height: 0.7; -:: add -- less horsey when scaled } #bottomnav { /*float: right;*/float:left; :: amend margin-top: /*8px*/120px; :: amend } #addressblock{ line-height:0.5; --- :: less lead margin-top: /*18px*/30px; --- more lead } #footer{ border-top: 1px solid fuchsia/*test only*/; clear:both; margin: 280px 0 0 0;--:: delete font-size: 0.80em;--:: delete padding: 16px 0; } #footer p{ font-size: 0.7em; - :: add margin-left: 16px;- :: add margin-bottom: 8px;--:: delete } Fwiw, line-height usually needs no unit of measure-- a raw number will do. -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please - DAC
Peter Hyde-Smith wrote: Would appreciate a general site check, please, especially in IE6. No breakage issues in OS and browsers noted below. I am also interested to know if the Gilder/Levin image replacement in the header is working. Ok in IE6. http://www.fatpawdesign.com/DAC/DACproducts.html IE6 doesn't support transparent borders, so there are borders on .rightcolcontainer li a. Better remove those and compensate with the paddings. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please - DAC
Peter Hyde-Smith wrote: 10/06/2008 Would appreciate a general site check, please, especially in IE6. No breakage issues in OS and browsers noted below. I am also interested to know if the Gilder/Levin image replacement in the header is working. Peter O.K. Mac OS X 10.4.11 Opera, Safari, SeaMonkey, WebKit, Camino. Camino a little slower to load the G/L, but not to worry. My sister, viewed the site beside me, did a double take on drug addiction being mixed in with shopping carts, but she's twisted. -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please - DAC *round 2*
Peter Hyde-Smith wrote: http://www.fatpawdesign.com/DAC/DACproducts.html All: Thanks for the look-see and feed-back. Georg: I think I have the transparent borders issue fixed. Would you please make another quick check? Borders ok. IE6 need a little bit more help though. 1: There's the extra white-space spacing between list-items in the right-hand navigation. To fix without negative side-effects, add a very precise 'hasLayout' trigger to anchor... * html .rightcolcontainer li a {width: 92%;} 2: #viewcart doesn't shrinkwrap so the button ends up on left side in a full-width #viewcart container, and the margin-doubling on floats bug is also bugging IE6. To fix, add... * html #viewcart {width: 150px; display: inline;} That's it. Don't think I have missed any IE6 or IE7 bugs in there :-) regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check please (IE6 ideally)
Just done some footer work on this page and want to know if the page is rendering without flaws in most peoples browsers. http://cedd.raez.net/cedd.html It does not render correctly in IE6 - the Gray areas (designed by and other) one floats all the way to the left and the other all the way to the right - so they aren't contained in your footer div. The remainder of the footer then shows in a division underneath these splitting divs. This also pushes the page to wide at resolutions under1200. I haven't figured out the fix for it though I'm still fiddling. Susan -- Susan R. Grossman [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check please (IE6 ideally)
On Mon, 30 Jun 2008 19:39:46 +0800, WEZ! wrote: Heya all, Just done some footer work on this page and want to know if the page is rendering without flaws in most peoples browsers. http://cedd.raez.net/cedd.html I've ran it through all the modern browsers on my work Mac and if anyone ideally could put it through its paces on IE6 that would be very very appreciated. I need to know if the page scales correctly with decreasing window widths and font size changes. It's also using a new IEpngfix which was causing a minor rendering issue in IE6 earlier which I'm thinking may have gone. The right border should be even from the top of the page to the bottom. The footer, all pages, has problems with alignment and a large gap above it, especially at other than medium text size. On a wide window, the right-hand column expands and the content displays flush right. Not a show-stopper though. A non-CSS issue: I went to the Contact page then used the link to Researchers that's in the first paragraph. While the link worked, I then got a dozen alerts, all saying IEPNGFix: Children of positioned element are unclickable: DIV. I am using an IE standalone version of IE6 (not a good test of PNG transparency) and have the DebugBar installed -- the alert *may* be coming from that. Cordially, David -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please
Professional Web Pages - Information wrote: Dear David, Thank you for your feedback - my apologies for a late response. What is the suggestion/recommendation/community view for font formatting with CSS? Regards PWP Would you please provide feedback for the website http://www.AMSvet.com.au/ PWP For a lot of reasons, it is a good idea to reply to the list. I am not able to provide the suggestion/recommendation/community view for font formatting with CSS... /M/y /personal opinion/ is to set font-size 100 percent (default) on the body declaration, setting percent sizes for all selectors throughout the style sheet thereafter; and, not declaring a font-size on the primary content p (in other words, the primary content inherits font-size 100 percent (default) from the body declaration. -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please
Professional Web Pages - Information wrote: Would you please provide feedback for the website http://www.AMSvet.com.au/ Thank you. Regards PWP Is the blue block offset 24px on the left intentional? Some folks may have trouble with the tiny frozen fonts in IE. And not everyone will appreciate the rivers[1]. IE/6 will probably be a market contender for sometime to come. It may be a little premature for your client to brush them off... [1] http://en.wikipedia.org/wiki/River_(typography) -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please
It looks OK to me, if a little slow to load images, but that could just be the server. What else did you want to know? Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch A-P groups Shopsmith 520 + bits Flatulus Antiquitus - Original Message - From: Professional Web Pages - Information To: css-d@lists.css-discuss.org Sent: Friday, June 20, 2008 9:43 PM Subject: [css-d] Site Check Please To whom it may concern, Would you please provide feedback for the website http://www.AMSvet.com.au/ Thank you. Regards PWP __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please...
on the Order, FAQ and Contact US pages the leftcolumn-two div contains a child div called post which has some padding. This shifts all content down and across, not sure if this is intentional. lister 2008/6/3 Michael Adams [EMAIL PROTECTED]: On Tue, 03 Jun 2008 12:22:49 -0700 (PDT) Raven Gildea wrote: Hi all, May I request a site check please? It all looks okay on my own Mac and PC browsers, but I'd like to hear of any weirdness you might see that I don't: http://www.sweetlorrainebakeshop.com/ Thanks very much! Lorraine Hi Lorraine: I'm seeing two small issues in IE5/Mac. On the home page, I'm getting little square blocks in front of the apostrophes in I've and don't in the lower righthand column. Source in IE5/Mac shows this: pThese are the BEST cupcakes I?'ve ever had.br / pI don'?t want any other chocolate chip cookies after having yours.br / while source in Safari shows I've and don't without the question marks. I don't know why. Anyone? Also in Mozilla on Linux. I originally thought it was UTF-8 chars in a non UTF-8 page. But both your HTTP header and page Content-Type declare UTF-8. The validator spits on these \xA9 characters as well. http://validator.w3.org/check?uri=http%3A%2F%2Fwww.sweetlorrainebakeshop.com%2Fcharset=%28detect+automatically%29doctype=Inlinegroup=0ss=1verbose=1 -- Michael All shall be well, and all shall be well, and all manner of things shall be well - Julian of Norwich 1342 - 1416 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Rob Freeman [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please...
Hi all, May I request a site check please? It all looks okay on my own Mac and PC browsers, but I'd like to hear of any weirdness you might see that I don't: http://www.sweetlorrainebakeshop.com/ Thanks very much! Lorraine Hi Lorraine: I'm seeing two small issues in IE5/Mac. On the home page, I'm getting little square blocks in front of the apostrophes in I've and don't in the lower righthand column. Source in IE5/Mac shows this: pThese are the BEST cupcakes I?'ve ever had.br / pI don'?t want any other chocolate chip cookies after having yours.br / while source in Safari shows I've and don't without the question marks. I don't know why. Anyone? The other issue is that your legend text on the order and contact pages isn't positioning properly in IE5. Probably due to the negative margins (What I Learned From This List Last Week ... thanks Philippe.) regards, Raven __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please...
On Tue, 03 Jun 2008 12:22:49 -0700 (PDT) Raven Gildea wrote: Hi all, May I request a site check please? It all looks okay on my own Mac and PC browsers, but I'd like to hear of any weirdness you might see that I don't: http://www.sweetlorrainebakeshop.com/ Thanks very much! Lorraine Hi Lorraine: I'm seeing two small issues in IE5/Mac. On the home page, I'm getting little square blocks in front of the apostrophes in I've and don't in the lower righthand column. Source in IE5/Mac shows this: pThese are the BEST cupcakes I?'ve ever had.br / pI don'?t want any other chocolate chip cookies after having yours.br / while source in Safari shows I've and don't without the question marks. I don't know why. Anyone? Also in Mozilla on Linux. I originally thought it was UTF-8 chars in a non UTF-8 page. But both your HTTP header and page Content-Type declare UTF-8. The validator spits on these \xA9 characters as well. http://validator.w3.org/check?uri=http%3A%2F%2Fwww.sweetlorrainebakeshop.com%2Fcharset=%28detect+automatically%29doctype=Inlinegroup=0ss=1verbose=1 -- Michael All shall be well, and all shall be well, and all manner of things shall be well - Julian of Norwich 1342 - 1416 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please...
Lorraine Barte Nepomuceno wrote: Hi all, May I request a site check please? It all looks okay on my own Mac and PC browsers, but I'd like to hear of any weirdness you might see that I don't: http://www.sweetlorrainebakeshop.com/ Thanks very much! Lorraine Looked fine to me in Mac Opera, Mac FF, Mac Safari; and, IE/6 and IE/7. It is not very user friendly to feed frozen fonts to the world's most popular browser, particularly when they are set less than user default. Good idea to validate the markup and CSS before posting-- that the first thing you'll get nailed on... -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please...
Hi all, May I request a site check please? It all looks okay on my own Mac and PC browsers, but I'd like to hear of any weirdness you might see that I don't: http://www.sweetlorrainebakeshop.com/ Thanks very much! Lorraine Everything works for me in Windows IE6 and Firefox. Only thing - when I resize the window, the horizontal scroll bar kicks in real early. Your little subsections seem like they could go much narrower and still look good. -Melbeach __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check please
On Thu, 29 May 2008 12:10:39 -0400, David Laakso wrote: re: http://www.sarahbutler.org.uk/index.html One way of doing some of that stuff is to set min/max width and shove the menu to the left. A work around for min/max for IE/6 is needed (6 does not support min/max). [...] Please see: http://www.chelseacreekstudio.com/ca/cssd/sb.htm (additions to cc's in head of document) css revision and additions http://www.chelseacreekstudio.com/ca/cssd/sb_files/default0.css Work around method for IE/6 lifted from here [1]. Read Georg's documentation carefully, particularly regarding Author's font size declared on html, body or wrapper-division. [1] http://www.gunlaug.no/tos/moa_12a.html ~~ I was unable to connect to David's page, but found a lot of very useful information on Georg's write-up at the above link. Sadly, Georg's solution for sizing in EMs does not work on my computer. The calculations are based on the usual screen resolution of 96 DPI, where IE computes 12 points at 16 pixels. My laptop comes set to 120 DPI, and IE computes 12 points at 20 pixels here. I was able to come up with a hybrid JavaScript solution based on Georg's work, but the IE 'expressions' slow down IE too much for my liking. In the end, I went with a fixed width for IE 5 and 6. :-( Cordially, David -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check please
Ysgrifennodd Peter Bradley: Could someone please check just the home page for me at: http://www.sarahbutler.org.uk/index.html Sorry to reply to myself, but I've sorted it. It *was* a screen-size thing. I checked it out on my wife's eee PC. I've now given the photo a width of 80% and it sizes nicely. If anyone has any comments on the site, though, I'd be very pleased to get any feedback. I'm a bit of a newbie to this CSS stuff, so any suggestions would be very gratefully received. Thanks Peter __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check please
Ysgrifennodd Konstantin Kuchugurin: Piter try this p div style=position:relative;float:left;margin:10px 10px 0px 0px;width:Your_Pic_Width_Size_px;height:Your_Pic_Height_Size_px;img src=image_folder/Your_Image.jpg alt= //div Some text ... Much more text... :) /p This will be fixed your problem (I Think) - just look at http://www.alicante.ru/document_view.htm?did=6 (it site on russian) but you can view code. May be it will hekp you solve your problem. Best regards Constantine Thanks Constantine. You beat me to it. I discovered that giving the photo a width of 80% sorted it. Still works in IE6 as well - which is a relief. Cheers Peter __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check please
Peter Bradley wrote: Ysgrifennodd Peter Bradley: http://www.sarahbutler.org.uk/index.html If anyone has any comments on the site, though, I'd be very pleased to get any feedback. I'm a bit of a newbie to this CSS stuff, so any suggestions would be very gratefully received. Peter Kind of like a long line measure at 116.5 dpi. Pixel font-sizes are not very user friendly. I look at Sarah, and I've got Georgia[1] on my mind... [1] at default -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check please
Ysgrifennodd David Laakso: Kind of like a long line measure at 116.5 dpi. Sorry for being thick, but I don't understand that. It's a bit of terminology I've missed, I think. Pixel font-sizes are not very user friendly. Yes, you're absolutely right. I hadn't realised I'd done that. Must have been my evil twin. It wasn't hurting much since everything thereafter was relative, but it's unnecessary and I've changed it to 80%. There are a couple of other things I've noticed, which someone might be able to help with: * Is there any way of stopping the navigation menu from wrapping when the screen size gets smaller. I'd prefer horizontal scroll bars, if it's possible * In IE6, the menu items twitch to the left when they're first pointed at. I'm not terribly worried about IE6, but it would be nice to stop it if it can be done. * Also in IE6, the clickable area has not expanded to include the entire 'button'. Is it impossible to make IE6 do that? I look at Sarah, and I've got Georgia[1] on my mind... [1] at default :-) Should I tell her? Thanks for taking the time to comment. Peter __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check please
Peter Bradley wrote: Ysgrifennodd David Laakso: Kind of like a long line measure at 116.5 dpi. Sorry for being thick, but I don't understand that. It's a bit of terminology I've missed, I think. re: http://www.sarahbutler.org.uk/index.html Let's just say, for the sake of simplicity, that the length of the lines of primary content text (measure) may be a little long for those who view the page at screen resolution 1280 and higher (particularly in laptops). __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check please
Ysgrifennodd David Laakso: Let's just say, for the sake of simplicity, that the length of the lines of primary content text (measure) may be a little long for those who view the page at screen resolution 1280 and higher (particularly in laptops). Ah. OK. Got you. I agree, as well, but can't persuade my client. :( Peter __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check please
Peter Bradley wrote: There are a couple of other things I've noticed, which someone might be able to help with: * Is there any way of stopping the navigation menu from wrapping when the screen size gets smaller. I'd prefer horizontal scroll bars, if it's possible * In IE6, the menu items twitch to the left when they're first pointed at. I'm not terribly worried about IE6, but it would be nice to stop it if it can be done. * Also in IE6, the clickable area has not expanded to include the entire 'button'. Is it impossible to make IE6 do that? Peter re: http://www.sarahbutler.org.uk/index.html One way of doing some of that stuff is to set min/max width and shove the menu to the left. A work around for min/max for IE/6 is needed (6 does not support min/max). This will avoid the h-scroll bar. The menu will not wrap, except with heavy-hand font-scaling, and in a window less than 800. And the line-measure will be more appropriate, even at upper resolutions. Please see: http://www.chelseacreekstudio.com/ca/cssd/sb.htm (additions to cc's in head of document) css revision and additions http://www.chelseacreekstudio.com/ca/cssd/sb_files/default0.css Work around method for IE/6 lifted from here [1]. Read Georg's documentation carefully, paticularly regarding Author's font size declared on html, body or wrapper-division. [1] http://www.gunlaug.no/tos/moa_12a.html -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check please
Ysgrifennodd David Laakso: re: http://www.sarahbutler.org.uk/index.html One way of doing some of that stuff is to set min/max width and shove the menu to the left. A work around for min/max for IE/6 is needed (6 does not support min/max). This will avoid the h-scroll bar. The menu will not wrap, except with heavy-hand font-scaling, and in a window less than 800. And the line-measure will be more appropriate, even at upper resolutions. Please see: http://www.chelseacreekstudio.com/ca/cssd/sb.htm (additions to cc's in head of document) css revision and additions http://www.chelseacreekstudio.com/ca/cssd/sb_files/default0.css Work around method for IE/6 lifted from here [1]. Read Georg's documentation carefully, paticularly regarding Author's font size declared on html, body or wrapper-division. [1] http://www.gunlaug.no/tos/moa_12a.html Thanks David. I persuaded my client to at least look at the menu over to the left. So I think I'll wait and see how that turns out before trying anything else. I don't want to spend too much time on IE6 workarounds, so if she goes with the left justified menu and that deals with some of the IE6 problems I might leave it at that. It's not as if it's unusable. Cheers Peter __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please
thanks for the feedback guys... 2008/5/27 David Laakso [EMAIL PROTECTED]: Rob freeman wrote: nearly there, please can you check this site for any obvious pitfalls... http://www.nest-life.com/update/ thanks No major issues that I could see in compliant browsers, or IE/6 IE/7. The footer apron (white on black w/ magenta stuff) brakes a little early with font scaling, but not a dig deal. I prefer the home and contact pages-- the black body background-color is a little much on the other pages. There are a few CSS markup errors to correct. As for myself, I am too old and too tired to linger long on any site whose author messes with my preference for font-size. -- http://chelseacreekstudio.com/ -- Rob Freeman [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please - WHIWB
Would appreciate a site check/thorough vetting of www.whitehouseinwestbend.com http://www.whitehouseinwestbend.com/whitehousebaseformatcss.css http://www.whitehouseinwestbend.com/whitehousepagecss.css Comments regarding ease of use/accessibility, fonts, colors, etc always welcome. Thanks in Advance, and Cheers, Peter Seems to be working alright cross-browser except for a minor issue in IE/6 where the vertical rules are filling all the way up. Tweak both to -3 or -2px and test: * html #leftsidebar { margin-right: -10px; } * html #side2 { margin-left:-10px; } 05/23/2008 David: Thanks. I set the margins to -2px; and I still lose part of the vertical rules in WIN2K/IE6 at work, although the floats stay in place. I have changed them to -1px. Would you please take a quick look and let me know if 'that' has resolved the issue. Otherwise I will cut the width on the center column by a few px to see if that works. I know the font size is a problem. Will tweak around a bit to see what I can improve. The fixed width 3-column layout cures some ills, causes others .. like this! What do you think about 3 equal width columns? Best, Peter __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please - WHIWB
Peter Hyde-Smith wrote: Would appreciate a site check/thorough vetting of www.whitehouseinwestbend.com http://www.whitehouseinwestbend.com/whitehousebaseformatcss.css http://www.whitehouseinwestbend.com/whitehousepagecss.css Peter David: Thanks. I set the margins to -2px; and I still lose part of the vertical rules in WIN2K/IE6 at work, although the floats stay in place. I have changed them to -1px. Would you please take a quick look and let me know if 'that' has resolved the issue. Otherwise I will cut the width on the center column by a few px to see if that works. In XP IE/6 (standalone) you are dropping both the left and right column. We' ll both need to hear from someone with native IE/6 boxes on win/2k and win/xp for a proper cross operating system fix in IE/6.0. Best, Peter __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check please
On 22/05/2008, at 12:39 AM, David Laakso wrote: Karl Hardisty wrote: http://mothership.co.nz/blog All feedback greatly accepted. Karl It looked fine to me cross-browser, Karl. Couple of trivial CSS errors to correct. Aside: The title of the document does not seem to appear in the text. Font-scaling breaks the long word mothership. in the nav It is not very user friendly to feed the IE's pixel fonts. If you are into pushing the envelope, minimum font-size 32px in Opera does a real number on the page. -- http://chelseacreekstudio.com/ __ David, thank you for this. In my headlong fall toward slumber I also noticed that I had only changed the main page, and not the blog entry pages as well. I'll be rectifying this later today, along with the three css errors. Also, thank you for the heads up on the font sizing (esp. with 'mothership'). I am guilty of forgetting from time to time to run the +2/-2 font size test (at a minimum) and this was one of those. Regards, Karl mothership | mothership.co.nz __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check please
Karl Hardisty wrote: http://mothership.co.nz/blog All feedback greatly accepted. Karl It looked fine to me cross-browser, Karl. Couple of trivial CSS errors to correct. Aside: The title of the document does not seem to appear in the text. Font-scaling breaks the long word mothership. in the nav It is not very user friendly to feed the IE's pixel fonts. If you are into pushing the envelope, minimum font-size 32px in Opera does a real number on the page. -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please
Matthew Stoneback wrote: IE6 IE7 issue: The main navigation area located in the upper left area has spaces between the images I am using as links. This does not display this way in any other browser (that I am aware of). They appear to be approximately 2 to 3 pixels in height. I may be missing the obvious, but in a side-by-side on screen comparison of IE/6.0. IE/7.0, and Mac Firefox/2.0.0.14 I see no difference, I was also wondering how I could center the text Contact Us vertically in the green bar located across the top of the large image. Thanks in advance for fixing any issues or giving advice. http://www.eddysound.com/msc/index.html This will, more or less (and that's all that really counts in my book), center it vertically: #topBreak { height: /*17px amend*/2.75em; padding-top: 0.5em;/*add*/} Trivial pursuits: 1/ Never write site check for a subject line without validating the document fist. 2/ To this selector: .container {background-color:#fff; /*add*/} 3/ Remember, not to forget, that the vast majority of your users will be on IE. Make it /easy/ for children of all ages to scale the fonts in that browser. 4/ All things considered-- nice work! -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: IE 6 / CSS Zen Garden Project
In IE6 the layout is fine, but instead of a drop shadow behind the container div, I see a solid gray border. You can see a screen shot here: http://valeriewininger.com/css_list/ssCssZenGarden.jpg Valerie www.valeriewininger.com On Mon, Apr 14, 2008 at 4:53 PM, Alan K Baker [EMAIL PROTECTED] wrote: It's not too bad in IE6. It's not perfect but it's far from broken. Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch A-P groups Shopsmith 520 + bits Flatulus Antiquitus - Original Message - From: Elli Vizcaino To: CSS Discuss Sent: Monday, April 14, 2008 9:31 PM Subject: [css-d] Site Check Please: IE 6 / CSS Zen Garden Project Hello, I was given the CSS Zen Garden project as a design test and I have something up on my server that I'm working on: http://e7flux.com/csszengarden/chaoticspring.html I've checked across IE6, 7, 8, FF Windows Mac and Safari Mac. They all seem fine except in IE6. The last time I checked via www.browsershots.org the layout was completely broken and looks like this in IE6: http://e7flux.com/csszengarden/ie6.png - Is this the haslayout bug? Haven't been able to get a screenshot from browershot.org in over an hour. Can someone check and tell me if it's still broken and if so, how can I fix it? TIA, Elli __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Valerie Wininger www.valeriewininger.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: IE 6 / CSS Zen Garden Project
Thanks. I'm using a PNG file in the background and had a .htc file call in the HTML which I removed, so now the transparency doesn't show in IE6 - the .htc file was causing it not to layout right. I will resort to using a different image file format for the reasons mentioned as well as the fact, the part of the challenge with the Zen Garden project is not two touch the HTML. Thanks for checking though! Elli --- Valerie Wininger [EMAIL PROTECTED] wrote: In IE6 the layout is fine, but instead of a drop shadow behind the container div, I see a solid gray border. You can see a screen shot here: http://valeriewininger.com/css_list/ssCssZenGarden.jpg Valerie www.valeriewininger.com On Mon, Apr 14, 2008 at 4:53 PM, Alan K Baker [EMAIL PROTECTED] wrote: It's not too bad in IE6. It's not perfect but it's far from broken. Regards, Alan. www.theatreorgans.co.uk www.virtualtheatreorgans.com Admin: ConnArtistes, UKShopsmiths, 2nd Touch A-P groups Shopsmith 520 + bits Flatulus Antiquitus - Original Message - From: Elli Vizcaino To: CSS Discuss Sent: Monday, April 14, 2008 9:31 PM Subject: [css-d] Site Check Please: IE 6 / CSS Zen Garden Project Hello, I was given the CSS Zen Garden project as a design test and I have something up on my server that I'm working on: http://e7flux.com/csszengarden/chaoticspring.html I've checked across IE6, 7, 8, FF Windows Mac and Safari Mac. They all seem fine except in IE6. The last time I checked via www.browsershots.org the layout was completely broken and looks like this in IE6: http://e7flux.com/csszengarden/ie6.png - Is this the haslayout bug? Haven't been able to get a screenshot from browershot.org in over an hour. Can someone check and tell me if it's still broken and if so, how can I fix it? TIA, Elli __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Valerie Wininger www.valeriewininger.com Be a better friend, newshound, and know-it-all with Yahoo! Mobile. Try it now. http://mobile.yahoo.com/;_ylt=Ahu06i62sR8HDtDypao8Wcj9tAcJ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please: IE 6 / CSS Zen Garden Project
Elli Vizcaino wrote: http://e7flux.com/csszengarden/chaoticspring.html You have height:1%; on the below selector. You may (?) want to feed that only to IE/6, as compliant browsers might do better without it at +2 font-scaling. .p5 { height: 1%; } __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please
Peter Hyde-Smith wrote: I'd appreciate someone(s) looking at www.bildasfriesslakepub.com in IE6 and IE7, specifically at the Join Our Mailing List box at the top...] TIA and Cheers, Peter Looks fine to me at text-size largest in IE/6 7, Peter. Aside: I'd hold the your current doctype and ditch the target attribute. -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please - case closed
Sent: Thursday, March 20, 2008 8:48 AM Subject: Re: [css-d] site check please Peter Hyde-Smith wrote: I'd appreciate someone(s) looking at www.bildasfriesslakepub.com in IE6 and IE7, specifically at the Join Our Mailing List box at the top...] TIA and Cheers, Peter David wrote: Looks fine to me at text-size largest in IE/6 7, Peter. Aside: I'd hold the your current doctype and ditch the target attribute. Ernie wrote: IE 6 . Everything,including 'Join our mailing list' looks OK,nicely done. Thanks David and Ernie. David, re: target, I agree. I don't understand why it was deprecated, as I think the only work-around is JavaScript, which raises other accessability concerns. The original block of code for the submission form from ConstantContact was good for ~29 errors in XHTML Strict! Case closed. Cheers, Peter www.fatpawdesign.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please?
On Wed, Mar 19, 2008 at 12:02 PM, Carolyn Rosner [EMAIL PROTECTED] wrote: Greetings all, I'm wondering what's up with my page: http://test.nprb.org/new/index.htm Specifically, the three buttons in upper right corner. They are a Library item, in their own div that's set to float: right. The span text that shows up on hover is positioned correctly, but those three buttons are not flush-right with them. What gives? CSS: Carolyn, You can either change the width of your div#divButtons to approximately 215px { width:215px; } or right align the text in that div { text-align:right; }. You are also including a couple of CSS files more than once. --G __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please
It looks right in IE7 and Firefox 2. In IE6 where the light blue starts to go back to dk blue there is a distinct line where the darker blue starts. If that makes sense. You might check out Browsershots too-- http://browsershots.org/ Valerie On Tue, Mar 18, 2008 at 1:11 PM, Jack Timmons [EMAIL PROTECTED] wrote: Greetings all. Need a site check: http://www.myrvspace.com/rv-dealers/rv-dealers.php Don't mind the CSS or layout. I know it needs a lot of work, and unfortunately it will never get done unless we're not given any more projects to add onto the site. Frankly, it's been patched together by numerous rush jobs. Anyway, I'm getting a single complaint about there being some weird line at the bottom. Now, I know in Firefox on widescreen monitors (it seems) the background somehow stops and shows the color below the image. I think it might just be my computer and add-ons. What I'm just hoping for is that the background looks like it's fading from a dark blue to a light blue and back. Thanks for your help. -Jack Timmons __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Valerie Wininger www.valeriewininger.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please
Matthew Stoneback wrote: In IE 6 - The right column gets pushed down and under the left column in the main content area. The orange navigation bar is too far right. The green header backgrounds are too tall in the main content area. Adding display: inline; to selector #messageText will keep the margin from doubling its width (causing the right column to drop) in IE/6. Adding display: inline; to selector #bottomNav will keep the margin from doubling its width and going too far right in IE/6. Add the below to your style sheet for the too tall green headers: #frontLeft img, #frontRight img { display: block;} In IE 7 - The 3px border under the orange navigation bar is missing The bar sits tight against the green border. #header { padding-bottom: 3px; --- add /*overflow: auto;*/ --- delete overflow: hidden; --add } * html #header { overflow: visible; --- keep /*overflow-x: hidden;*/ --- delete } #topNav { padding-bottom: 1px; --- add } From what I can tell, it looks good in Firefox, Opera, and Netscape (I know, it is no longer supported). The new beta version of Safari for Windows has some issues with it. I have never seen this site on a Mac, can someone out there hook me up with any issues. Changing the width of #topNav #contact from 116 to 114px may keep some browsers from dropping contact us Here is the HTML address: http://www.eddysound.com/rrc/index_help.html Matt Stoneback Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site Check Please
Matthew Stoneback wrote: I have never seen this site on a Mac, can someone out there hook me up with any issues. http://www.eddysound.com/rrc/index_help.html Matt Stoneback In Mac OS X 10.4.11 Mozilla/5.0 (Macintosh; U; Intel Mac OS X; en-US; rv:1.8.1.12) Gecko/20080201 Firefox/2.0.0.12; Opera Version 9.24 Build 3707; and Safari Version 3.0.4 (523.12.2) Contact Us is dropped. Shaving the width (FF live) in #topNav #contact from 116 to 114px corrected it. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please choubidou
Sébastien FICHOT wrote: I've released a website for SQL makers. Can someone check this website please ? www.guss.fr It's aways interesting to have more eyes on things that can broke accessibility or reliability between platforms and way-of-thinking. I *think* there are a few too many serious errors in there... http://validator.w3.org/check?uri=http://www.guss.fr/ http://jigsaw.w3.org/css-validator/validator?uri=http://www.guss.fr/warning=1profile=css21 ...to release it as is. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
On Thu, 07 Feb 2008 15:33:50 +0200, Bill Stemp wrote: http://www.pielows.co.za/ I'm particularly interested in how one section of the site appears in IE6 (or before). This section is accessed with the menu link '_*Cape Tours*_' and has a CSS-driven menu on the left. I think that this menu's background is not correctly aligned in IE6, but cannot be sure. You have a selector li:hover in your CSS. IE before version 7 only applies :hover to 'A' elements. You'll need a scripting solution[1] to get your flyout menu to work. The menu layout looks the same in IE 6 as in IE 7 to me. The menu background is shifted right in IE 5.5, and the content is not centered. BTW - the menu does not look too good in IE 7 this end. I have large fonts installed-- a common setting for 1400 x 1050 laptops. Set your text size to larger in your IE browser to see the effect. [1] http://www.xs4all.nl/~peterned/csshover.html Cordially, David -- __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
Bill, The menu items don't change background color in IE6. The text color does change. Also, the pop-out for 'Tour Itineraries' is not popping out in IE6. Not sure of the cause, however. Jim On Feb 7, 2008 5:33 AM, Bill Stemp [EMAIL PROTECTED] wrote: http://www.pielows.co.za/ I'm particularly interested in how one section of the site appears in IE6 (or before). This section is accessed with the menu link '_*Cape Tours*_' and has a CSS-driven menu on the left. I think that this menu's background is not correctly aligned in IE6, but cannot be sure. Thanks for looking and any help. Bill __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
Since building the site, I've upgraded my IE from 6 to 7. I now have to use 'multipleIEs' (http://www.positioniseverything.net/articles/multiIE.html) to check in previous versions. When the site was first uploaded, it worked fine in IE6 (with the exception of the orange menu background being a few pixels below where it should be), but now I'm getting these reports that there is no 'flyout' of the menu in IE6. I also found the same using my standalone IE6 but thought this was just one of those things that doesn't work 100% using these 'standalone' versions. If anyone has not upgraded to IE7 and is using IE6 as their primary IE browser, I'd be very interested to know if the menu does in fact 'flyout' or not. Bill Ingo wrote: Bill Stemp schrieb am 07.02.2008 14:33 http://www.pielows.co.za/ I'm particularly interested in how one section of the site appears in IE6 (or before). This section is accessed with the menu link '_*Cape Tours*_' and has a CSS-driven menu on the left. I think that this menu's background is not correctly aligned in IE6, but cannot be sure. No hover, no flyout with IE6 here. Gr ingo __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please
Sandy wrote: I am working on a web site, and I would be grateful if you could take the time to look at a rough version of it, and let me know what you think. http://cantoraccess.com/beta_sandy2/index.html Any comments or suggestions are much appreciated! Sandy You may want check you pages in IE/6, IE/7, and the Gecko's at 800 with and without a little font-scaling. On a nothing to do with CSS, does it make a difference, or who cares, aside: If you are seeking /an opinion/, mine is that this information: Skip to content Search: Search main menu * About Us * Contact * Presentations * Publications * Resources * Services should appear on the screen as you have it, but be called from beneath the primary content and above the footer. And that Go to top (in the footer) is not necessary or needed. -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please..
Rob freeman wrote: Hi everyone, I have worked a little site and was wondering if people can have a look and check to see if its working ok. I have checked this in Firefox 2.0 (Mac and PC), IE7(PC), Safari and Opera. My only concern is IE6 which may be a pain. If there is a problem in this browser could you help? the page has been validated of xhtml and css. Thanks http://www.nest-life. When the fonts are scaled (+1) in FF, the background-color in the left column is not painting all the way down. This is true in IE/6.0 at text-size largest as well. Correct to a compliant browser, and I think you'll be OK in IE as well. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please :Arun Dixit:
Jehangir Larry wrote: David Laakso wrote: Jehangir Larry wrote: Re: www.arundixit.com Firefox displays as intended. IE6 and IE7 do not display header background. Additionally, IE6 does not center content.s of #inner. Appreciate advice/ suggestions for above. Also, a general site check please. Thanks. Thanks, as usual. I have implemented the suggestions (including border: fuchsia ;-)), but as yet, no go in both IE6 IE7. Maintaining status quo...till I hear further? Seems to work (more or less) in IE/6.0 and IE/7.0 on this end: xp/ie on mac os x 10.4.11. Please see: http://chelseacreekstudio.com/ca/cssd/lj.html Regards, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please :Arun Dixit:
David Laakso wrote: Jehangir Larry wrote: David Laakso wrote: Jehangir Larry wrote: Re: www.arundixit.com Firefox displays as intended. IE6 and IE7 do not display header background. Additionally, IE6 does not center content.s of #inner. Appreciate advice/ suggestions for above. Also, a general site check please. Thanks. Thanks, as usual. I have implemented the suggestions (including border: fuchsia ;-)), but as yet, no go in both IE6 IE7. Maintaining status quo...till I hear further? Seems to work (more or less) in IE/6.0 and IE/7.0 on this end: xp/ie on mac os x 10.4.11. Please see: http://chelseacreekstudio.com/ca/cssd/lj.html Regards, ~dL ...certainly does on IE/Win XP too. Let me recheck /compare the CSS on your file with mine. A million thanks, kind Sir. -- Best, JL Jehangir Larry __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please
Peter Hyde-Smith wrote: www.bildasfriesslakepub.com Would appreciate a look-see in Opera (I'm in O9.24), as the nav bar anchors aren't working right and occasionally disappear all together on scrolling. Which bug and how to fix? An old instability in Opera when trying to interpret the W3C collapsing margins bug[1] on a parent that doesn't contain its children. The margin ends up reversed now and then, and pushes the ul below the #nav-container. Opera 9.5beta does seem to have a more stable interpretation of that particular combination. To cure, add... #nav ul{margin-bottom: 0;} ...which removes all confusion in all browsers, and doesn't disturb any of them. Also a check in IE6 to make sure my green box in the left col isn't triggering the Peek-a-boo bug. Looks stable enough. Finally in IE, I'm getting extra vertical space above the main col (vertical border should touch nav bat above it) and in the footer above and below the content. Not a killer but would appreciate suggestions on how to eliminate it. Add 'has-layout' doesn't do it and causes other problems, since fixed. Another browser's interpretation of the standardized W3C collapsing margins bug, on another element-combination. Easiest way to cure it is to replace margin-bottom with padding-bottom on the last element where collapsing margins is an issue for IE/win... #header h4 {margin-bottom: 0; padding-bottom: 10px;} http://www.bildasfriesslakepub.com/menu.html Would appreciate a look-see in IE, especially IE6 to make sure the right column content is appearing. It appears, but stays below the left column. IE6 doesn't respect declared dimensions, and is auto-expanding the column - making it too wide for the reserved space. To fix,add... * html #rightcol {overflow-x: hidden;} The last minor imperfection I can see in IE6 is a gap or overlap at the bottom of maincol - either not reaching down to footer or overlapping it. IE6 behaves as if it's another collapsing margins interpretation issue, and a fix for that standardized bug seems to cure it... * html #maincol {padding-bottom: 1px;} - To put all additions and correction together in one place: #nav ul{margin-bottom: 0;} #header h4 {margin-bottom: 0; padding-bottom: 10px;} * html #rightcol {overflow-x: hidden;} * html #maincol {padding-bottom: 1px;} regards Georg PS: of course collapsing margins isn't a bug, but W3C has kept on adding details to the descriptions for a long time on how browsers shall interpret and apply it for different combinations. Thus, different browsers and browser-versions may have slightly different interpretations of it, for the simple reason that descriptions were missing at the time their CSS-engines were updated on those points. [1]http://www.w3.org/TR/CSS21/box.html#collapsing-margins -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
daniela froehlich wrote: Dear All On my site I am using Tanfa's CSS menu. Used it several times already and it always worked fine. Now on my latest website it does not seem to work properly in one of the IE. Unfortunately I do not know which version and have no clue what could be wrong. The site can be viewed at: http://www.artworksbyrene.com/gnd-info/index.html It is not working in IE6. Are you sure the htc file is on the server and that your path to it is correct? Best, ~dL __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site-check please, major ie6 issues
Subject: Re: [css-d] site-check please, major ie6 issues Peter Hyde-Smith wrote: http://www.bildas.fatpawdesign.com/index.html Probably too much 'hasLayout' for IE6' liking already :-) IE6 seems to have serious stacking-problems, and there's too many 'stacking-correctors' in there too. Changing to default on the problematic elements... #weeklyspecials { position : static; } #rightcol { position : static; } ...will make it appear as intended in IE6. regards Georg -- http://www.gunlaug.no Georg: Made change as recommended. Would appreciate another check. Can I just take out those particular 'position' declarations out all together? Peter __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site-check please, major ie6 issues
Peter Hyde-Smith wrote: http://www.bildas.fatpawdesign.com/index.html Made change as recommended. Would appreciate another check. Working just fin in IE6 (on w2k). Can I just take out those particular 'position' declarations out all together? Yes, that _should_ automatically take it back to default - static, and give the same result. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site-check please, major ie6 issues
I checked IE6, it looks OK to me,same with opera. Ernie :)) From: [EMAIL PROTECTED] To: css-d@lists.css-discuss.org Date: Fri, 30 Nov 2007 22:27:46 -0600 Subject: [css-d] site-check please, major ie6 issues http://www.bildas.fatpawdesign.com/index.html Hello All: I'd appreciate a site check of above page. Seems well behaved except in IE6, which is losing the floated green box in the left column, and evidently the whole content of the right column. Something somewhere probably needs 'has-layout' but I can't figure out what. General hack and slash with constructive comments welcome. Best Regards, Peter Peter Hyde-Smith (FF/O/IE7/Avant in WinXP+SP2) www.fatpawdesign.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ _ Your smile counts. The more smiles you share, the more we donate. Join in. www.windowslive.com/smile?ocid=TXT_TAGLM_Wave2_oprsmilewlhmtagline __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site-check please, major ie6 issues
Peter Hyde-Smith wrote: http://www.bildas.fatpawdesign.com/index.html I'd appreciate a site check of above page. Seems well behaved except in IE6, which is losing the floated green box in the left column, and evidently the whole content of the right column. Something somewhere probably needs 'has-layout' but I can't figure out what. Probably too much 'hasLayout' for IE6' liking already :-) IE6 seems to have serious stacking-problems, and there's too many 'stacking-correctors' in there too. Changing to default on the problematic elements... #weeklyspecials { position : static; } #rightcol { position : static; } ...will make it appear as intended in IE6. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please..
Looks like it breaks in IE6 win. See screen shot here: http://www.jimdavis.org/test/ie6.jpg You can see how you site will render in different browsers and os's for free here: http://browsershots.org/ Jim On Nov 25, 2007 10:34 AM, Rob freeman [EMAIL PROTECTED] wrote: Hello everyone, I have been working on a little site for some friends which I have just uploaded. Could anyone please check the site in older browsers For any problems (its not complete). I have workied in OSX running firefox and safari. http://www.precociouscollective.com/artists.html this page has a few floats, which Im a little worried about in older browsers. Thanks. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please..
Looks, good, Some of the image boxes dropped a little down the page in Safari on Windows xp for me! but in FireFox and IE7 all looks good! Rob freeman wrote: Hello everyone, I have been working on a little site for some friends which I have just uploaded. Could anyone please check the site in older browsers For any problems (its not complete). I have workied in OSX running firefox and safari. http://www.precociouscollective.com/artists.html this page has a few floats, which Im a little worried about in older browsers. Thanks. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] site check please..
David Laakso wrote: Rob freeman wrote: Hello everyone, I have been working on a little site for some friends which I have just uploaded. Could anyone please check the site in older browsers For any problems (its not complete). I have workied in OSX running firefox and safari. http://www.precociouscollective.com/artists.html this page has a few floats, which Im a little worried about in older browsers. Thanks. A common structural layout test is to see how a well a page can hold with a little stress. At +2 font-scaling -- when testing all pages -- for example, the structure is too brittle-- things overlap, and shoot out the bottom of containers. So it is not so much you have difficulty with floats, but rather with an over abundant use of absolute positioning and setting of height restraints. Setting overflow: scroll; on #main may be a partial way around some of this this. /But in my personal opinion/, I really think it may be worth considering getting rid of the absolute positioning, and height settings, using margin: 0 auto to center the page; and, just let the content determine the height of each page. Either way, the first thing most people do on this list is to see if the CSS and markup are valid... Regards, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Site check please
Cory Shubert wrote: http://www.nwaworldvacations.com We tried to do a better job of CSS and moved into a more Web 2.0 vibe, at least that is what we were trying for. I am sure many will lament our use of tables still, but some habits die hard. I am curious to learn how we might have done a better job with our CSS, i.e. better use of IDs or Classes, less nested, more nested... Those pages don't work well with resized fonts in any browser, and absolute font-sizes don't make it better since one has to 'ignore font size in page' in IE/win in order to resize. The table layout don't work too well if one wants a printout either, so different styles for different media - and a lot of testing, seems necessary. Pages have quite a large file-size when one looks at the amount of content it carries, and attempts to slim down the source code should be made. The use of paragraphs with non-breaking spaces as layout-spacers equals the use of old spacer-gifs, and should be avoided. Use margins and/or paddings instead. The verisign at the bottom doesn't seem to work as intended outside IE/win. The use of inline styles should be discontinued once you've added a stylesheet, as inline styles tend to make debugging and general maintenance harder and more time-consuming. If page-specific styles are needed, it is usually better to group those in a style-element in the page-head. The usability of such a site may be evaluated to a high degree by running it through a text-only browser like Lynx... http://www.delorie.com/web/lynxview.html http://lynx.isc.org/ That's the basic level a well-built site should be able to work at no matter what, so testing your site in Lynx will give you a good sense of what works and what doesn't. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/