Re: [css-d] Background Image on Blockquote Hidden Under Floated Image

[Duckworth, Nigel]

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

[David Laakso]

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 
> .
> 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]

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/

Re: [css-d] Background Image on Blockquote Hidden Under Floated Image

[Duckworth, Nigel]

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

[francky]

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 
.
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]

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/