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/
[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] Background image randomly showing in IE6 and IE7
Hi Chetan, Thanks, but this doesn't solve the problem. Image is still randomly showing/not showing :( Anything else I could try? Thanks, Albert On 10-12-2010 14:33, Chetan Crasta wrote: You have to give div#rightbackground hasLayout. You can use the proprietary zoom:1 to do this: !--[if lte IE7] style type=text/css div#rightbackground { zoom:1; } /style ![endif]-- ~Chetan __ 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] Background image randomly showing in IE6 and IE7
Hi Chetan, Thank's a lot for your feedback! Your solution seems to work better, although I didn't yet test it in all browsers. Will let you know what the results are :) Thanks again, Albert On 13-12-2010 15:38, Chetan Crasta wrote: Ok, I think it is fixed: http://roughtech.com/t/debannehome.html I put the background image in the div#container (look at the inline style). ~Chetan __ 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] Background image randomly showing in IE6 and IE7
Hi all, Please have a look at this site: http://www.debanne.nl/ For some reason the large background photo on the right sometimes shows and sometimes not in IE6 and IE7. There are different pictures on every page which is accomplished by overruling the css with an extra style element in the header (generated by the CMS): styletype=text/css media=screen#rightbackground { background-image:url(uploads/media/hp-foto-new.jpg); }/style Any idea what causes this? Thanks, Albert __ 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] Outlook 2007 and DL/DD tag
Hi all, Thanks for the very helpfull info and links. I will get rid of the DL construct after all, as it turns out to be impossible to render this correctly in Outlook 2007. @Bobby: the example you mention is indeed an exact illustration of the problem I'm encountering. Great website for an overview of all mail clients. @Chetan: very nice article to have as a reference, thanks. cheers, Albert __ 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] Outlook 2007 and DL/DD tag
Hi all, I'm setting up an HTML newsletter and come across a problem in Outlook 2007 on Windows. The images in the left column are wrapped in a DL tag with the image in a DT and the caption in a DD tag. In Outlook there is a left margin present in the DD, although I defined that as 0, both in the inline style as well as the styles in the HEAD. See the screenshot here: http://www.depont.nl/depont.gif Other mailclients and browsers are ok, see: http://www.depont.nl/index.php?id=342 It looks like a default style cannot be overruled. Anyone know how to solve this (without changing the markup)? Thanks, Albert __ 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] Outlook 2007 and DL/DD tag
Thanks Chris, but padding is already set to 0 (you can have a look at the source at the aforementioned address). On 1-12-2010 15:12, Chris Akins wrote: Could it be padding rather than a margin that's causing the issue? Just a guess, but maybe worth trying? Seems like with unordered lists, to get rid of space like that across all browsers I've had to set BOTH padding and margins to 0. __ 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] Rounded corners on menu
Hi list, I would like to round the corners, using css, on this site: http://www.ediec.org Menu should size when one increases/decreases the font. Examples of sites that do this (rounded corners on all corners, not just tabs) are much appreciated. thanks, Albert __ 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] Sitecheck please: livingatthecotedazur.com - Safari
Hi all, There's a problem with this site in Safari (2.0): on the homepage it shows 2 instead of 4 real-estate objects. Seems to be some kind of float bug as these boxes are floats. Any ideas what's going wrong? Thanks! regards, Albert van der Veen __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Print stylesheet not read by Firefox?
Thanks alot Brett! Removing the title attribute from the link tag solved it. kind regards, Albert At 11:41 PM 9/6/2006, you wrote: Hello Albert, The problem probably comes from the use of the TITLE attribute. This attribute does not have side effects in other elements, but in LINK tags for external stylesheets, the situation is different. Here is one reference that should help out: http://devedge-temp.mozilla.org/viewsource/2002/preferred-stylesheets/index_en.html Brett Merkey __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Print stylesheet not read by Firefox?
Hello list, I have a strange problem with my print stylesheets in Firefox: they don't seem to be read at all. This is the code I'm using in the HEAD section: link title=standaard rel=stylesheet type=text/css href=fileadmin/templates/depont.css media=screen / link title=print rel=stylesheet type=text/css href=fileadmin/templates/depont_print.css media=print / Printing this page (in FF, IE prints correctly) shows what I mean: http://www.depont.nl/nl/pers/persberichten/bericht/pers/179/ Am I overlooking something obvious? thanks, Albert __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Content invisible in IE - shows when hovering
Hello list, Please have a look at the following page: http://www.humanrightsimpact.org/top/search/ search for 'human' for instance and a list of searchresults appears. However, in IE6/Win (haven't tested other IE's) a white gap shows between search box and first result. The content that should be there only appears (partly) when hovering over. (See for instance Firefox for the intended display). Anyone knows what's the cause of this? Thanks! regards, Albert van der Veen __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Line-height / Replaced Element Bug
Hi francky, Thanks! Should have thought of this myself :) Will have a look at the alternatif for the rounded corners (time permitting...) greets, Albert The items are beautifull list-items, and with a list the line-height-problem is gone. This will make the html also a lot easier/smaller: no repeated calling of the bullets needed, just once in the css as bg-image. :-) btw: See you are using rather big images for the rounded corners of the #menukader. Perhaps the Flexibele ronde hoeken http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners-nl.htm (Liquid Round Corners) method can be usefull for speeding up the page. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE Line-height / Replaced Element Bug
Hi Bruno, Thanks, rewrote the code using list (thanks to francky), but your workaround may come in handy another time... Albert Anyone know a workaround for the bug described at http://www.positioniseverything.net/explorer/lineheightbug.html ? You can have a look here [1], there is not really a nice workaround, but it's the only thing I found. [1] http://www.brunildo.org/test/IElineheight.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE Line-height / Replaced Element Bug
Hello list, Anyone know a workaround for the bug described at http://www.positioniseverything.net/explorer/lineheightbug.html ? Very annoying as you can see here: http://www.humanrightsimpact.org/top/links/ Lineheight is supposed to be 200% but not in IE :( Thanks for your help! regards, Albert van der Veen __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE form/layer render bug?
Hello Richard, Strange - do you have a very high resolution and thus no scrollbar to the right? I have uploaded two screenshots to show you what happens: before tabbing down: http://www.jipscompany.com/files/screen_good.gif and after: http://www.jipscompany.com/files/screen_bad.gif Albert At 02:15 PM 9/12/2005, you wrote: On 9/12/05, Albert van der Veen [EMAIL PROTECTED] wrote: Hello list, Please have a look at this page: http://www.isso.demotypo3.nl/isso-digitaal/vrijblijvend-kennismaken/ If you tab through the form on this page and get to the bottom of the form, the form suddenly shifts up. In IE6 that is, Firefox is ok. Anyone know what causes this? It doesn't in my IE6 - nor any other browser. Unless you mean that if the focus is on the submit button (the last form field) and you press tab, the focus goes to the first link on the frame: Well that is because IE has the most increadibly brain-dead UI ever invented in that a single key navigates both form elements and links, which of course have nothing in common. Tabbing past the last field in a form should take you back to the first field in the form. (or to the next form if there are multiple forms on a page). -- Richard Grevers New Plymouth, New Zealand Orphan Gmail invites free to good homes. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ 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/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Sitecheck please: Firefox bug?
Hello list, On http://www.vakdagdirectmail.nl/ the footer isn't showing in Firefox. Please have a look at the css: http://www.vakdagdirectmail.nl/dmail.css When I remove the bottom:0px from the #footer_ definition, it shows up (but not completely at the bottom - and in IE6 it's also not aligned at the bottom anymore, so don't want to remove bottom:0px ). Anyone know if this is a known bug? Thanks for your help. Albert van der Veen __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Request: nice examples of liquid designs
Hello list, A friend of mine has been asked to design a site for a graphic designer. She wants to create a design that uses the maximum amount of space available (the whole browserwindow). So not a fixed width but some sort of liquid design. Any of you know of some nice examples - especially portfolio sites from graphic designers? Thanks. Albert van der Veen __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/