Hi, im working on a new site which you can see here:
http://www.gkellypieandmash.co.uk/order/index.html
It validates with css 2.1 and XHTML 1.1 and displays perfectly in IE 7.0, Firefox, Safari and Opera however there are a few niggles with IE 6.0 that i cant figure out, these are easily seen by displaying the page in IE 6.0
The problems are the small gap on the left of the right box, the borders sticking out over the corners at the bottom of the right box and the gap underneath the image on the banner/header.
If anyone can help solve these problems i would be very grateful
Heres the applicable code (needs a bit of tidying/ moving to style sheet but its valid):
XHTML:
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" > <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/> <meta http-equiv="Content-Language" content="EN-GB"/> <meta name="Description" content="Home page of Cubic Computers"/> <meta name="Keywords" content="cubic, computers, custom, pcs, pc, laptops, desktops, websites"/> <title>Gkelly Order - Meat Pie</title> <link rel="stylesheet" type="text/css" href="styles/layout.css"/> <link rel="stylesheet" type="text/css" href="styles/text.css"/> </head> <body> <!-- Left Nav --> <div id="left"> <div class="top-left"></div> <div class="top-right" style=" margin-right: -23px;" ></div> <div class="inside"> <div class="gap-saver-beta"></div> <h2>Categories</h2> <div style="margin-left: 10px;"> <a class="nav" href="http://www.order.gkellypieandmash.co.uk/pies.htm" >Meat Pies</a> <br/><a class="nav" href="http://www.order.gkellypieandmash.co.uk/meal.htm" >Vegitarian Pies</a> <br/><a class="nav" href="http://www.order.gkellypieandmash.co.uk/pay.htm" >Fruit Pies</a> <br/><a class="nav" href="http://www.order.gkellypieandmash.co.uk/del.htm" >Mash</a> <br/><a class="nav" href="http://www.order.gkellypieandmash.co.uk/sup.htm" >Liquor</a> <br/><a class="nav" href="http://www.order.gkellypieandmash.co.uk/sup.htm" >Meals</a> <br/><a class="nav" href="http://www.order.gkellypieandmash.co.uk/sup.htm" >Vinegar</a> </div> <h2>Site Links</h2> <div style="margin-left: 10px;"> <a class="nav" href="http://www.gkellypieandmash.co.uk/index.htm">Home</a> <br/><a class="nav" href="http://www.gkellypieandmash.co.uk/about.htm">About</a> <br/><a class="nav" href="http://www.order.gkellypieandmash.co.uk/index.htm">Order</a> <br/><a class="nav" href="http://www.gkellypieandmash.co.uk/functions.htm">Functions</a> <br/><a class="nav" href="http://www.gkellypieandmash.co.uk/roman.htm">Down The Roman</a> <br/><a class="nav" href="http://www.gkellypieandmash.co.uk/history.htm">History</a> <br/><a class="nav" href="http://www.gkellypieandmash.co.uk/shops.htm">Shops</a> <br/><a class="nav" href="http://www.gkellypieandmash.co.uk/contact.htm">Contact</a> </div> <div class="gap-saver-beta"></div> </div> <div class="bottom-left"></div> <div class="bottom-right" style=" margin-right: -23px;"></div> </div> <!-- Left Box End --> <!-- Right Column --> <div id="right"> <!-- Item Box --> <div class="top-left" style="margin-left: 15px;"></div> <div class="top-right"></div> <div class="inside-right"> <div class="gap-saver-beta"></div> <div style=" word-spacing: 10px; text-align: left; width: 200px; height: 40px; float: right;"> <a class="tr" href="">Payment</a> <a class="tr" href="">Delivery</a> <a class="tr" href="">Contact</a> <br/><img style=" margin-top: -20px;" src="img/rule.png" alt="Line" class="rule" height="1" width="210"/> </div> <img style=" margin-top: 10px; width: 150px;" alt="Gkelly Logo" src="img/logo.gif"/> <br/> <div style=" margin-bottom: 30px; width: 100%; float: left; margin-top: 10px; height: 68px; border-bottom: 1px solid #C00000; border-top: 1px solid #C00000;"> <img src="img/bancorn.gif" alt="Banner Curved Cornders" style=" margin-right: 100px; position: relative; bottom: 1px; float: left;"/> <img style="margin-bottom: 0px; position: relative; bottom: 1px; float: right;" alt="Pies Image" src="img/tright.gif"/> <h3 style=" margin-top: 20px; padding-bottom: 0px;">Premium British Beef Pies</h3> </div> <!-- Item Box End --> <!-- Description Box --> <img style=" float: left; margin-right:10px; " src="img/meal.gif" alt="Product Image"/> <h3 style="font-size: 18px; " >Premium British Minced Beef Pie</h3> <p> £2.50 </p> <p> Next Day delivery only </p> <br/> <br/> <div style=" margin-top: 100px;"> <h3 style="font-size: 16px;" >Product description</h3> Our hand-made pies are produced using only fresh ingredients. They are prepared with our own pastry giving each pie its characteristic crispy top and softer base. <p> Our pastry contains no hydrogenated fats. They are filled with fresh, (not frozen) good quality, traceable British beef. We use no artificial flavourings - just a little added seasoning. </p> <p> Made here in our own bakery and baked each day and throughout the day ensuring quality and freshness. </p> </div> <!-- Description Box End--> <!-- Right Column End--> <!--Bottom nav bar--> <div id="bnav"> <img style=" margin: auto; display: block;" src="img/rule.png" alt="Line" class="rule" height="1" width="740"/> <br/> <a class="navb" href="http://www.gkellypieandmash.co.uk/index.htm">Home</a> | <a class="navb" href="http://www.gkellypieandmash.co.uk/about.htm">About</a> | <a class="navb" href="http://www.order.gkellypieandmash.co.uk/index.htm">Order</a> | <a class="navb" href="http://www.gkellypieandmash.co.uk/functions.htm">Functions</a> | <a class="navb" href="http://www.gkellypieandmash.co.uk/roman.htm">Down The Roman</a> | <a class="navb" href="http://www.gkellypieandmash.co.uk/history.htm">History</a> | <a class="navb" href="http://www.gkellypieandmash.co.uk/shops.htm">Shops</a> | <a class="navb" href="http://www.gkellypieandmash.co.uk/contact.htm">Contact</a> || © 2007 Gkelly Pie and Mash || <a class="navb" href="http://www.cubic3.co.uk">Cubic³ Site</a> </div> <!--Bottom nav bar end--> <div class="gap-saver-beta"></div> </div> <div class="bottom-left"></div> <div class="bottom-right"></div> </div> </body> </html>


LinkBack URL
About LinkBacks
Reply With Quote
SCAN.care@HEXUS
