I have been designing a website for a family member. The site itself seems to work fine in Chrome, Safari, Firefox and Opera and some mobile browsers.
The problem is that when I go to the site in IE my single div class boxes duplicate one on-top of another. I have been through the source code of the live site and the browser doesn't seem to be making an actual duplicate copy of the div and I cannot see any problem in my coding. Ironically Compatibility Mode breaks the site even more.... so I've been left completely stumped at this problem. Any help would be greatly appreciated.
I have pasted an extract of code below that displays each of the individual divs you would see when accessing the site.
<a style="border:none;" name="page2">
<div class="title"><?php $a = new Area('page2'); $a->display($c); ?></div>
<a style="border:none;" href="#page3"><div class="nextPage"></div></a>
<div class="bodyText"><?php $a = new Area('page2Body'); $a->display($c); ?></div>
<div class="adHolder"><div class='adText'><?php $a = new Area('advert'); $a->display($c); ?></div></div>
I'm not sure whether you're aloud to post links to the site or not on this forum but here it goes... You can take a look at the problem at www.joegamlin.co.cc
The site isn't quite finished yet and I'm aware of a few tweaky bits that are on my 'to-do list' so please don't be too judgmental of it!
Thanks in advance for any help you can offer.