|
Posted by Els on 03/09/07 09:01
Jonathan N. Little wrote:
> Els wrote:
>> Jonathan N. Little wrote:
>>
>>> dorayme wrote:
>>>> In article <36eea$45f02779$40cba7c3$27204@NAXS.COM>,
>>>> "Jonathan N. Little" <lws4art@centralva.net> wrote:
>>>>
>>>>> I appreciate the help, I have to get the turkey out. Now I have to
>>>>> <shudder> break down and upgrade to XP Pro.
>>>> ...go ahead and leave me to be the only turkey left in the world
>>>> with Win 2000 on my Win box.
>>>>
>>> The guy is telling me that he *does* have IE6 and not 7, but that the
>>> content text is missing. He says it is actually there but the same color
>>> as the background. It is visible if he selects it! I cannot get him to
>>> send me a screenshot yet, but the content is explicitly defined:
>>>
>>> #innerWrapper { border: .5em solid #8fbc8f; color: #000;
>>> background-color: #faf0e6; }
>>
>> That sets the colours on the wrapper. I think that regardless of what
>> causes the problem, you can still make him see the text by setting the
>> same colours to the <p> elements as well.
>> Unless it's caused by position:relative on something that has
>> background-color, then you might need to give the <p> elements
>> position:relative too to make them appear 'in front of' its parent.
>> I've seen entire images disappear because of position:relative on a
>> (grand-)parent, and only got them to re-appear by giving them
>> position:relative as well...
>>
>
> *!@#%$#@!#!!* Damn! I did that and even gave the Ps a class and set css as
>
> #innerWrapper P.ie and it appears to be a (IE6 on WinXP) error seems to
> works on IE6 when on other versions of Windows. Had a friend with WinXP
> check it out and she says the text is then for a second than disappears!
No problem in my standalone version of IE6, so I can't really test any
solutions either. Checking out your code though, I'd see what happens
if you take off the clear:both from the HR.pageEnd.
Most peek-a-boos occur with a combination of clears and floats,
especially when they touch.
For this layout, I would have written the HTML something like this:
http://locusmeus.com/temp/pugdog.html
Added the #inbetweenWrapper because it makes the floats behave better
cross browser (one of those things I still use after having had
problems in the past, only I don't remember which browsers caused the
problems).
Added the #content to get the text away from the clearing element at
the bottom of it.
If this all works to get rid of the probs on your client's IE6,
there's an added bonus: the <em> element can be Italic without causing
problems in my IE7. You'll have to check IE6 for this though, could be
different for that one.
--
Els http://locusmeus.com/
accessible web design: http://locusoptimus.com/
Now playing: Led Zeppelin - The Battle of Evermore
[Back to original message]
|