Hi,
For some reason i cant get this to work in pre IE8 (obviously everything else is fine)
This home page here: http://finaledge.co.uk/dev/gkelly/
In IE7 the right column will only align itself to the top of the british meat image. At first i thought this was something which could be fixed by using clear:both but that didnt help :/
Any ideas??
Cheers, Neil
HTML:
CSS:Code:<div id="home"> <div class="homebox"> <div class="boxheader">G. Kelly of Roman Road, Bow</div> <div class="boxtxt"> <p style="font-size: 16px;"> Pie and Mash, the traditional meal of London's East End! Eat in or take away from our shop as thousands of Londoners have been doing so for over <b>seventy years!</b> </p> <p> We serve Pie and Mash with parsley liquor, along with stewed and jellied eels, all in the heart of London's East End. All our pies are made and cooked in our shop, using quality British ingredients. </p> <p> As well as the traditional Beef pies we now produce and sell vegetarian or chicken pies, sausage and mash, as well as a selection of fruit pies and crumbles. </p> </div> </div> <div class="meat"> </div> <div class="eventsbox"> <div class="boxheader"><a class="boxheader" href="event-catering.php" >Event Catering</a></div> <div class="boxtxt"> <p> Our Traditional Pie and Mash with Liquor, as well as cooked and jellied eels, make excellent, well priced options for any function. </p> <a class="boxlnk" href="event-catering.php" >Event Catering</a> </div> </div> <div class="commentsbox"> <div class="boxheader"><a class="boxheader" href="comments.php" >Your Comments</a></div> <div class="boxtxt"> <p> Have you got a story to tell about our shop, Pie and Mash, Bow or London's East End? </p> <p> Or would you like to give feedback on our shop, website or services? </p> Visit our <a class="boxlnk" href="comments.php">comments</a> page. </div> </div> </div>
Code:.homebox { float: left; margin-left: 25px; width: 405px; padding: 1px; background-color: white; opacity: .85; filter: alpha(opacity=80); } .eventsbox { margin-left: 450px; width: 255px; padding: 1px; background-color: white; opacity: .85; filter: alpha(opacity=80); } .commentsbox { margin-top: 15px; margin-left: 450px; width: 255px; padding: 1px; background-color: white; opacity: .85; filter: alpha(opacity=80); } .boxheader { padding: 8px; font-family: helvetica, arial; font-size: 22px; color: white; background-color: #231f20; } .meat { float: left; opacity: .85; filter: alpha(opacity=85); background-image: url(/dev/gkelly/body_img/meat.png); background-repeat: no-repeat; background-color: white; width: 407px; height: 85px; margin-left: 25px; margin-top: 15px; }


LinkBack URL
About LinkBacks
)
Reply With Quote

