Re: [css-d] Background Image on Blockquote Hidden Under Floated Image
Duckworth, Nigel wrote: Franky, I like your mutations! I will take a closer look at this tonight and if the markup changes aren't to radical I might go with this, in any case it's nice to have choice. -Nigel See testpage over here http://home.tiscali.nl/developerscorner/css-discuss/test-acme.htm. Comments are inside src code. Tested only in IE6, Opera7.54, Opera8.01 and FF1.07. francky offlist: As a fan of hackless solutions, she's looking good and standing tall here in: xp 1] Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.4) Gecko/20060516 SeaMonkey/1.0.2 2]Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4 3]Opera9.0b2 Best, ~dL __ 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] Background Image on Blockquote Hidden Under Floated Image
David, Great, thanks for checking it out! Regards, Nigel -Original Message- From: David Laakso [mailto:[EMAIL PROTECTED] Sent: Monday, June 19, 2006 2:03 AM To: Duckworth, Nigel Cc: [EMAIL PROTECTED]; Els; css list list Subject: Re: [css-d] Background Image on Blockquote Hidden Under Floated Image Duckworth, Nigel wrote: Franky, I like your mutations! I will take a closer look at this tonight and if the markup changes aren't to radical I might go with this, in any case it's nice to have choice. -Nigel See testpage over here http://home.tiscali.nl/developerscorner/css-discuss/test-acme.htm. Comments are inside src code. Tested only in IE6, Opera7.54, Opera8.01 and FF1.07. francky offlist: As a fan of hackless solutions, she's looking good and standing tall here in: xp 1] Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.4) Gecko/20060516 SeaMonkey/1.0.2 2]Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.4) Gecko/20060508 Firefox/1.5.0.4 3]Opera9.0b2 Best, ~dL __ 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] Background Image on Blockquote Hidden Under Floated Image
Duckworth, Nigel wrote: Greetings All, Hi, I'm working on a page which contains posts with an author image floated left, the text of the post down the right and wraps around the image. A problem occurs when there are blockquotes in the post. The blockquote has a background image quote mark and it disappears under the floated image. A similar thing is happening with DIV.hb, it's background image disappears but only in Firefox. Some posts will have the floated image while others will not, so I have to take into account both scenarios. [snip] Markup with CSS here: http://newcleardesigns.com/lab/ If you give blockquote overflow:hidden or overflow:auto, the problem is solved in Firefox and Opera. If you give blockquote a height, the problem is solved in IE. Use hacks to hide the overflow from IE and the height from Firefox :-) Tested only in IE6, Opera 8.54 and FF1.5. -- Els http://locusmeus.com/ http://locusoptimus.com/ __ 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] Background Image on Blockquote Hidden Under Floated Image
Els wrote: [...] If you give blockquote overflow:hidden or overflow:auto, the problem is solved in Firefox and Opera. If you give blockquote a height, the problem is solved in IE. Use hacks to hide the overflow from IE and the height from Firefox :-) Tested only in IE6, Opera 8.54 and FF1.5. Hi and good morning (anyway for Els it's morning), In the meantime I was playing with a hackless solution, by making a sidebar-div and a content-div. See testpage over here http://home.tiscali.nl/developerscorner/css-discuss/test-acme.htm. Comments are inside src code. Tested only in IE6, Opera7.54, Opera8.01 and FF1.07. Greetings, francky oh, all test results: positive ;-) __ 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] Background Image on Blockquote Hidden Under Floated Image
Els, Fantastic, thank you! I should have thought of trying overflow: hidden, I tried everything and the kitchen sink but that. This would be ideal since I don't have to change the markup (which I don't have control of). Regards, -Nigel -Original Message- From: Els [mailto:[EMAIL PROTECTED] Sent: Sunday, June 18, 2006 3:31 AM To: Duckworth, Nigel; css list list Subject: Re: [css-d] Background Image on Blockquote Hidden Under Floated Image Duckworth, Nigel wrote: Greetings All, Hi, I'm working on a page which contains posts with an author image floated left, the text of the post down the right and wraps around the image. A problem occurs when there are blockquotes in the post. The blockquote has a background image quote mark and it disappears under the floated image. A similar thing is happening with DIV.hb, it's background image disappears but only in Firefox. Some posts will have the floated image while others will not, so I have to take into account both scenarios. [snip] Markup with CSS here: http://newcleardesigns.com/lab/ If you give blockquote overflow:hidden or overflow:auto, the problem is solved in Firefox and Opera. If you give blockquote a height, the problem is solved in IE. Use hacks to hide the overflow from IE and the height from Firefox :-) Tested only in IE6, Opera 8.54 and FF1.5. -- Els http://locusmeus.com/ http://locusoptimus.com/ __ 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] Background Image on Blockquote Hidden Under Floated Image
Franky, I like your mutations! I will take a closer look at this tonight and if the markup changes aren't to radical I might go with this, in any case it's nice to have choice. Thanks for your input - much appreciated! Regards, -Nigel -Original Message- From: francky [mailto:[EMAIL PROTECTED] Sent: Sunday, June 18, 2006 5:17 AM To: Els Cc: Duckworth, Nigel; css list list Subject: Re: [css-d] Background Image on Blockquote Hidden Under Floated Image Els wrote: [...] If you give blockquote overflow:hidden or overflow:auto, the problem is solved in Firefox and Opera. If you give blockquote a height, the problem is solved in IE. Use hacks to hide the overflow from IE and the height from Firefox :-) Tested only in IE6, Opera 8.54 and FF1.5. Hi and good morning (anyway for Els it's morning), In the meantime I was playing with a hackless solution, by making a sidebar-div and a content-div. See testpage over here http://home.tiscali.nl/developerscorner/css-discuss/test-acme.htm. Comments are inside src code. Tested only in IE6, Opera7.54, Opera8.01 and FF1.07. Greetings, francky oh, all test results: positive ;-) __ 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] Background Image on Blockquote Hidden Under Floated Image
Greetings All, I'm working on a page which contains posts with an author image floated left, the text of the post down the right and wraps around the image. A problem occurs when there are blockquotes in the post. The blockquote has a background image quote mark and it disappears under the floated image. A similar thing is happening with DIV.hb, it's background image disappears but only in Firefox. Some posts will have the floated image while others will not, so I have to take into account both scenarios. I found a similar issue in the archives regarding lists, bullets are hidden under the floated images. The only workaround was to add a big margin-right to the floated image but that didn't work and would be unacceptable anyway. Questions: Is this the proper behavior, that only the text wraps around the image, borders and backgrounds ignore the float? Any way to work around this? I'm thinking I will have to move those images into the markup -- but that's a problem as the web page is generated automatically by a program and I want to avoid messing with that if possible. Markup with CSS here: http://newcleardesigns.com/lab/ I'd appreciate any suggestions! Regards, Nigel __ 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/