IE coughing up on my design

eoinoc333

Hey all,

I have a problem with my display code. I've tried figuring out the problem with Firebug Lite, but to no avail. I know I have XHTML validation issues too.

The site is http://www.irish-sayings.com/

It's the right-hand sidebar that isn't clickable in IE7. It's like it's covered by a div, but I can't figure it out.

Any help much appreciated
Eoin

Thoie

Try counting your opening and ending <div>s. I don't have a lot of time right now, but by quickly throwing the source into Textpad, I found 29 <div> but only 27 </div>.

This is where properly planned indentations come into things- helps you spot where you haven't closed something out.

tricky D

Neat trick for nesting many divs is comment each closing div.

E.g.
<div name="foo">
stuff
</div><!-- name=foo -->

daymobrew

tricky D wrote: »

Neat trick for nesting many divs is comment each closing div.

E.g.
<div name="foo">
stuff
</div><!-- name=foo -->

Notepad++ will highlight the opening and closing tag when you move the cursor over one. If the wrong ones are highlighted then you know that you have a problem.

eoinoc333

Thanks, it was a missing </div>.

It's tough to keep track of, because the code is being generated in lots of different functions.

Thoie

eoinoc333 wrote: »

Thanks, it was a missing </div>.

It's tough to keep track of, because the code is being generated in lots of different functions.

That happens. Take a look at things like Textpad and Notepad++ to make life a bit easier. And even if something else is generating some code for you, go back through it in an editor and indent/comment it the way you want it done. It's a bit tedious, but can save you pulling your hair out later

tricky D

daymobrew wrote: »

Notepad++ will highlight the opening and closing tag when you move the cursor over one. If the wrong ones are highlighted then you know that you have a problem.

True, true, but adding the comment makes Find-n-Replace easy.