Rich wrote: > Hi Guys > > Could someone take a look at this site please? (CSS Embedded) > > <http://www.theoldcoachworks.org.uk/> > > I am informed that the end box is breaking out of formation in IE > (AOL). Is this correct and if so is there a reason please? > > Many thanks. > -- > Rich
Rich- Hmm. The main problem in IE is that there is invalid html code in your document. You need to enclose each photo caption within <p> tags. Currently you have: <div class="in ltin tpin"> <a href="http://www.theoldcoachworks.org.uk/rooms.html";><img src="Old%20Coachworks_files/ocw-outside.jpg" height="80" width="100">Our<br>Rooms</a> </div> You need to have: <div class="in ltin tpin"> <a href="http://www.theoldcoachworks.org.uk/rooms.html";><img src="Old%20Coachworks_files/ocw-outside.jpg" height="80" width="100"></a><p>Our<br>Rooms</p> </div> If you want the captions to be linked as well, simply surround them with an <a href> tag identical to the one you're using on the image above it. This will fix the problem of the text running up next to the images on the right side, which is causing your box sizes to expand and some of them to drop to the next line. However... even after fixing this, one box drops. You simply don't have enough room in the container for each of those boxes. You should revisit the size of the container or margins/padding on the boxes. I fixed it by expanding the size of the overall container by 10 pixels. In the long run, since you've used ems for sizing the boxes, you will get some boxes dropping if the person viewing the site changes their text size settings. I'd recommend resetting the boxes in pixel units, and simply allowing the captions to expand in size within the boxes. This will end up fitting your needs better I think. You also need to validate your HTML and CSS: html: http://validator.w3.org/check?verbose=1&uri=http://www.theoldcoachworks. org.uk/ Starting out with valid code will help you solve plenty of problems. Hope this helps you. Regards, Ron ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
