[thelist] [CSS] Disappearing Markup Block (IE)

[Scott Schrantz]

> -----Original Message-----
> From: Adriano Castro [mailto:ad at netvisao.pt]
> 
> Fabulous old IE (or maybe it's me) decided that certain 
> random blocks of my CSS formatted markup should be
> made invisible.
> 
> The sections are "left", "rite" and "center" and each of them 
> have several combinations of the "title"+"content" block.
> 
> <div class="section">
>   <a href="#" accesskey="n">
>     <div class="title">foobar</title>
>   </a>
>   <div class="content">example example</title>
> </div>
> 
> The first "title" DIV on the "center" is rendered invisible by IE.
> Mozilla, Firefox, Netscape and Opera render it the way it's 
> supposed to.

Without seeing a site where this is happening, or any of the CSS, it's hard to say what's going on. But here's a couple of points I notice:

* Your <a> needs to be inside the <div> - not the other way around.
 <div class="title"><a href="#">foobar</a></div>

* Hopefully you're using </div>, not </title>.

* The correct spelling is "right". If you're using this in your CSS (float: rite;) it has to be spelled right to work.

Run everything through the validators [1], and make sure there aren't any errors in your HTML or CSS. Then, if it's still happening, we can start to look at browser bugs (like the Peekaboo bug [2]) that can make things invisible.

[1a] http://validator.w3.org/
[1b] http://jigsaw.w3.org/css-validator/
[2]   http://www.positioniseverything.net/explorer/peekaboo.html