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/
[css-d] Site check please IE9/10
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/
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/
[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 Thank you, Erik Visser __ 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/
[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 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/
[css-d] Site check please
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 __ 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/
[css-d] Site check please
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. -- 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/
[css-d] Site check please
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: Ahhh The template 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. -- 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?
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/
[css-d] site check please?
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 -- 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?
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/
[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/ Thanks, Michael __ 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-d] Site Check Please - Cedar Lake Inn
11/13/2008 I'd appreciate a check of these four pages, http://www.fatpawdesign.com/CedarLakeInn/CLIbanquet.html, http://www.fatpawdesign.com/CedarLakeInn/CLIbanquetmenu.html, http://www.fatpawdesign.com/CedarLakeInn/CLIbanquetpolicies.html, http://www.fatpawdesign.com/CedarLakeInn/CLIbanquetphotogallery.html. CSS here, http://www.fatpawdesign.com/CedarLakeInn/CLIresetcss.css, http://www.fatpawdesign.com/CedarLakeInn/CLIpagecss.css, http://www.fatpawdesign.com/CedarLakeInn/CLIgallerycss.css. If the site is going to break, it will do it on one of these pages (which actually work on my Win2K/IE6 box at work). Anticipating the intuitively obvious for those who dig through the site, the *drinks menu* page is not active. FWIW, the photo gallery was modelled (stolen) from Cedarholm's Bulletproof Web Design. TIA, and my apologies to the character entity elves. 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
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/
[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/
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/
[css-d] Site check please - DAC
Hi *Peter, I am new member and I am still finding my feet in this forum. I happen to have a similar problem, have tried everything and even though I am just a placement student , the professional staff doesn't know how to deal with this as well. so I created this website and no matter whether I use the super sleight (generating other bugs such as no use of links, problem with google maps on location.html etc) I ended up with the google code. My problem is that even though I am using conditional coments for each version of IE it still parses the default .css style, so I can't style the page accordingly really!! here is the website link: http://kiltennel.ie.4pm.ie/index.html I would appreciate any comments or suggestions thank you in advance! * -- Calliope Georgousi BSc Multimedia Technology Design Brunel University, Uxbridge www.calliopemuse.net Tel: +353(0) 87 698 1991 skype name: calliope8 __ 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-d] Site check please - DAC
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. If it isn't, you'll see plain text *The Drug Affected Children Website* (it isn't working in Avant 11.6). http://www.fatpawdesign.com/DAC/DACproducts.html http://www.fatpawdesign.com/DAC/DACpagecss.css http://www.fatpawdesign.com/DAC/DACresetcss.css http://www.fatpawdesign.com/DAC/DACtablecss.css http://www.fatpawdesign.com/DAC/DACjavascriptcss.css Yea, yea, yea, I'll eventually learn to link the CSS into one or two combined sheets... TIA and Best, Peter www.fatpawdesign.com developed in: WinXP/SP2 + FF3.0.3 at 1280x1024 checked in: IE8.0beta/O9.52/Av11.6/Cr0.2 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 - 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/
[css-d] Site Check please (IE6 ideally)
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. Thanks for any help. Kind Regards Wesley Lamont __ 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/
[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
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/
[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 __ 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/
[css-d] Site Check please
Could someone please check just the home page for me at: http://www.sarahbutler.org.uk/index.html My client tells me that the photo obscures some of the text using FireFox on a Mac. I don't have a Mac to check it on, but it seems fine everywhere else ... I wonder if it's a screen size/resolution problem? If so, does anyone have an idea as to how to fix it. The styles are at: http://www.sarahbutler.org.uk/styles/default.css Many 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 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/
[css-d] site check please - WHIWB
05/22/2008 Hi All: 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 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/
[css-d] Site Check please
http://mothership.co.nz/blog Our blog uses GridFocus from 5thirtyone.com with some custom modifications. Just now I've swapped the first and second columns around as I prefer the larger column to be in the centre, as (to me) it looks more proportioned. I've checked it in OS X: Safari 3+, Camino 1.6, Firefox 3, and Windows XP: IE 6, IE7, Firefox 3, and Safari 3.1 and it appears to render correctly. Could the kind folk on the list have a look and see if I've missed anything? (quite possible, as I've done it at the end of a long day!). All feedback greatly accepted. Kind 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/
[css-d] Site Check Please
As usual, I am back on the forum asking for a site check. Here are my known issues (as far as I can tell one is only visible in IE6 IE7): 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 was also wondering how I could center the text Contact Us vertically in the green bar located across the top of the large image. I tried some different methods and nothing worked. I am guessing I am missing something simple in doing this. Any ideas? Thanks in advance for fixing any issues or giving advice. Here is the HTML: http://www.eddysound.com/msc/index.html Here is the CSS: http://www.eddysound.com/msc/main.css __ 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/
[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 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/
[css-d] site check please
03/20/2008 Hello All: 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 of the right hand column and let me know if it renders correctly (as in FF). Avant bumps the GO button up a few px, IE8 drops the GO button down a few more px. Resizing the text +/-2 doesn't kill it in FF, and it works with CSS and/or images off. Page CSS is here if necessary, http://www.bildasfriesslakepub.com/bildaspagecss.css TIA and 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
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/
[css-d] Site Check Please?
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: div#buttons { width: 240px; z-index: 100; background-color: none; margin-bottom: 40px; float: right; margin-left: 40px; margin-top: 10px; padding: 0; margin-right: -5px; } Thanks - hope this is enough information! Cheers, Carolyn __ 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/