disappearing text - please help

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View

I can't figure this one out. I have a fairly simple structure where I
want to show rows of icons, each row with a section title, and the rows
alternating shaded/unshaded.

Basically, the code for a row is like:

<div class="unshaded">
  <div class="sectionTitle">Section 1</div>

  <div class="button">
    <img src="icon.gif">
    <a href="#">Item 1</a>

  <div class="button">
    <img src="icon.gif">
    <a href="#">Item 2</a>

  <div class="button">
    <img src="icon.gif">
    <a href="#">Item 3</a>

  <div class="divClear"></div>

with 'class="shaded"' every other row.

The problem is that in IE6, the "sectionTitle" div isn't visible except
on the LAST row. FF & others render it fine.

You can see a screenshot of how it should look at

or just use Firefox or the like. The actual page is at
http://www.dslextreme.com/~tony23/test.htm and the CSS is at

Is this happening to anyone else with IE6? Any thoughts on fixing it
without some sort of display hack?

Re: disappearing text - please help


Quoted text here. Click to load it
<snip code>

Looks like a list to me.

Quoted text here. Click to load it

Yep - looks like the peekaboo bug.

Quoted text here. Click to load it


Quoted text here. Click to load it

Mark it up as a list.

Mark Parnell

Re: disappearing text - please help

Thanks, Mark -

I totally missed the peekaboo bug - it's been awhile since I
encountered it last, so I'd forgotten :)

I'll look into the list markup, too - that sounds like it might work. I
tend to overlook using lists in that manner. A shortcoming I should
probably overcome...

Site Timeline