September 8, 200817 yr i got a silly error i can seem to figger out when IE5 and 6 are showing!! the html is as such <p>Servicing of your heating appliances is essential for maintaining an efficient and <a href="safe.php">safe</a> system. Servicing can help prevent break downs and loss of heating. </p> all browsersother than IE 5 & 6 display like this Servicing of your heating appliances is essential for maintaining an efficient and safe system. Servicing can help prevent break downs and loss of heating. IE 5 & 6 displays like this Servicing of your heating appliances is essential for maintaining an efficient and safe system. Servicing can help prevent break downs and loss of heating. why is this i cant figger it out why its doing this. my css for this section is as follows div#content a { margin: 0 0 0 0; padding: 0 0 0 0; } any one know a work around
September 8, 200817 yr is that all the html code? Try validating it..it might help you spot the error.
September 8, 200817 yr Author yeah thats pritty much all of the html code, the only other code on the page is more <p> paragraphs with more text
September 8, 200817 yr Author also i tested the validotor on the w3c and only one error found & instead of &
September 8, 200817 yr Author html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>titel</title> <meta name="ROBOTS" content="ALL" /> <meta name="keywords" content="keywords" /> <meta name="description" content="description" /> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Language" content="en-us" /> <!-- use the min max script for liquid min and max widths --> <!-- script type="text/javascript" src="extras/minmax.js"></script --> <link rel="stylesheet" href="extras/stylesheet.css" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <p>www.webaddress.com</p> <p>Telephone: number | Mobile: number</p> <img src="images/logo.gif" alt="alt"/> <h2>heading</h2> </div> <div id="topbar"> <div id="listmenu"> <ul> <li><a href="contact.php" title="Contact Us" accesskey="C">Contact Us</a></li> <li><a href="about.php" title="About Us" accesskey="B">About Us</a></li> <li><a href="index.php" title="Back To Home" accesskey="A">Home</a></li> </ul> </div> </div> <div id="navbar"> <ul> <li><a href="1.php" class="nav" accesskey="1" title="1">1</a></li> <li><a href="2.php" class="nav" accesskey="2" title="2">2</a></li> <li><a href="3.php" class="nav" accesskey="3" title="3">3</a></li> <li><a href="4.php" class="nav" accesskey="4" title="4">4</a></li> <li><a href="5.php" class="nav" accesskey="5" title="5">5</a></li> <li><a href="6.php" class="nav" accesskey="6" title="6">6</a></li> </ul> <div id="navbarred"> <ul> <li><a href="7.php" class="nav" accesskey="7" title="7">7</a></li> </ul> </div> <div id="corgilogo"> <a href="http://www.trustcorgi.com" target="new" alt="Corgi"></a> </div> <p>Reg No:</p> </div> <div id="content"> <h1>Plumbing & Heating Maintenance</h1> <h2>Setting The Standards</h2> <p>For a fast and reliable service give us a call. <b>See and feel the difference.</b></p> <p>Servicing of your heating appliances is essential for maintaining an efficient and <a href="safe.php">safe</a> system. Servicing can help prevent break downs and loss of heating. </p> </div> <div id="footer"> <p>Address</p> <p>Telephone</p> </div> </div> </body> </html>
September 8, 200817 yr Author css body { font-family: verdana, arial, sans-serif; font-size: 80%; color: #000; text-align: left; background-color: #fff; } * { margin: 0; padding: 0; } div#container { /*min-width: 762px; max-width: 1000px;*/ margin: 5px auto; width: 762px; text-align: left; background-color: #FFF; border: 1px solid #666; background-image:url(../images/background2.gif); background-repeat: repeat-y; } div#header { overflow: hidden; height: 150px; background-color: #fff; background-image:url(../images/header.gif) } div#header img { text-align:left; margin: -20px 0 0 10px; } div#header h1 { font-family: arial; font-size: 0.1em; color: #fff; } div#header h2 { font-family: arial; font-size: 1em; color: #666; margin: -10px 0 0 16px; font-weight: normal; } div#header h3 { font-family: Times; font-size: 0.8em; color: #666666; margin: 20px 5px 0 0; text-align: right; } div#header h4 { font-family: Times; font-size: 1.4em; color: #0000FF; margin: 0 5px 0 0; text-align: right; } div#header p { font-family: arial; font-size: 0.8em; color: #666; margin: 0 5px 0 0; font-weight: normal; text-align: right; } div#topbar { background-color: #FFF; height: 20px; background-image:url(../images/background2.gif); } div#topbar p { font-size: .85em; color: #fff; font-weight: bold; padding: 3px 3px 3px 0; text-indent: 16px; text-align: right; } div#menubar { background-color: #fff; background-repeat: repeat-x; background-position: right 0; height: 20px; overflow: hidden; } div#listmenu { width: 100%; font-size: 1em; float: right; } div#listmenu ul { margin: 0 0; border: 0; } div#listmenu li { float: right; list-style-type: none; padding: 0 2px 0 0; } div#listmenu a { color: #666666; text-decoration: none; padding: 5px 15px; } div#listmenu a:hover { color: #FF0000; text-decoration: none; } div#navbar { float: left; width: 130px;; background-color: #FFF; border-right: 1px solid #CCCCFF; padding: 0 10px 0 10px; } div#navbar ul { line-height: 1em; list-style-type: none; border-bottom: 1px solid #fff; margin: 0 0 5px 0; font-size: 1em; font-weight: bold; } div#navbar li { font-weight: bold; font-size: .85em; background-color: #0000FF; border-top: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; text-indent: 5px; padding: 5px 0 5px 0; } div#navbar li a { color: #fff; text-decoration: none; } div#navbar li:hover { background-color: #FF0000; } div#navbar p { font-size: .85em; font-weight: bold; text-align: center; padding: 0 0 5px 0; } div#navbar p a { decoration: none; } div#navbarred li { background-color: #ff0000; } div#navbarred li:hover { background-color: #0000FF; } div#corgilogo a { display:block; width: 89px; height: 110px; border: 1px solid #fff; margin-top: 35px; margin-left: 20px; color:#fff; background: url("../images/corgiblue.jpg") 0 0 no-repeat; text-decoration: none; overflow: hidden; } div#corgilogo a:hover { background-position: 0 -110px; color: #fff; } *html div#navbar ul} float:left; border-right:2px solid #000000; } *html a { display:block; } div#content { margin-left: 170px; padding-right: 10px; padding-bottom: 5px; padding-top: 10px; } div#content ul li { margin-left: 50px; } /* IE HACK Hide from IE5-mac. Only IE-win sees this. \*/ /* * html #content { height: 1%; } */ /* end hide */ div#content h1 { font-family: Times; font-size: 2em; color: #0000FF; } div#content h2 { font-family: Times; color: #0000FF; Padding: 0 0 0 0; font-size: 1.3em; } div#content p { margin: 10px 0 0 0; } div#content a { margin: 0 0 0 0; padding: 0 0 0 0; } div#content img { float: right; } div#logos { height: 60px; margin-top: 10px; margin-bottom: 5px; text-align: center; margin-left: 170px; padding-right: 45px; } .centreimage { text-align:center; } div#logos a { text-decoration: none; } div#logos img { border: 0px solid #fff; margin: 0 0 0 50px; float: right; } div#footer { clear: both; margin: 0; padding: 3px 5px 5px 0; text-align: right; font-size: .85em; font-weight: bold; color: #fff; background-color: #0000FF; border-top: 1px solid #666666; } div#footer a { color: #000; text-decoration: none; } div#bottom p { text-align: center; font-size: .85em; color: #ccc; } div#bottom a { color: #ccc; text-decoration: none; } div#bottom a:hover { color: #FF0000; text-decoration: none; } /* Aslett Clearing Method - www.csscreator.com */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* End Aslett Clearing Method */ .logo { float: left; border: 0; margin: 10px; } .topimg { float: right; border: 0; } .imglink { margin: 5px 0; border: 0; } } div#formcontainer { width:400px; margin-left:40px; margin-top: 20px; border: 0px solid #000; } div#formcontainer h3 { margin:20px 0 0 10px; font-weight:bold; } div#formcontainer h4 { margin:0 0 5px 10px; font-weight:normal; } div#formcontainer p { margin:0 0 5px 0; font-weight:normal; } div#formcontainer form { border-top: Opx solid #FFF; border-bottom: 0px solid #FFF; } div#formcontainer div.clearfix { border: 0px solid #000; padding: 10px 0 0 0; vertical-align: top; width: 400px; overflow: hidden; } div#formcontainer form label { width:120px; float:left; color: #000; margin:0 10px 0 0; } div#formcontainer div.buttongroup { float:left; margin:0px; padding:0px; } div#formcontainer div.buttongroup div { margin-bottom:5px; font-size:.75em; } div#formcontainer div.buttongroup input { margin-right:5px; } div#formcontainer input[type="submit"] { display:block; margin-left:auto; margin-right:10px; } .button { color: #fff; background-color: #FF0000; float: left; } .captcha { height: 40px; width: 250px; margin-top: 5px; } .shadow {filter:shadow (color:red);width:100%;line-height:200%;}
September 8, 200817 yr Well your css code a was mess and it's quite large for a page like this...try validating your css code too when you encounter problems. Anyway i tried to adjust it..i hope this is the way it supposed to work. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>titel</title> <meta name="ROBOTS" content="ALL" /> <meta name="keywords" content="keywords" /> <meta name="description" content="description" /> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Language" content="en-us" /> <!-- use the min max script for liquid min and max widths --> <!-- script type="text/javascript" src="extras/minmax.js"></script --> <link rel="stylesheet" href="extras/stylesheet.css" type="text/css" /> <style type="text/css"> body { font-family: verdana, arial, sans-serif; font-size: 80%; color: #000; text-align: left; background-color: #fff; } * { margin: 0; padding: 0; } div#container { /*min-width: 762px; max-width: 1000px;*/ margin: 5px auto; width: 762px; text-align: left; background-color: #FFF; border: 1px solid #666; background-image:url(../images/background2.gif); background-repeat: repeat-y; } div#header { overflow: hidden; height: 150px; background-color: #fff; background-image:url(../images/header.gif) } div#header img { text-align:left; margin: -20px 0 0 10px; } div#header h1 { font-family: arial; font-size: 0.1em; color: #fff; } div#header h2 { font-family: arial; font-size: 1em; color: #666; margin: -10px 0 0 16px; font-weight: normal; } div#header h3 { font-family: Times; font-size: 0.8em; color: #666666; margin: 20px 5px 0 0; text-align: right; } div#header h4 { font-family: Times; font-size: 1.4em; color: #0000FF; margin: 0 5px 0 0; text-align: right; } div#header p { font-family: arial; font-size: 0.8em; color: #666; margin: 0 5px 0 0; font-weight: normal; text-align: right; } div#topbar { background-color: #FFF; height: 20px; background-image:url(../images/background2.gif); } div#topbar p { font-size: .85em; color: #fff; font-weight: bold; padding: 3px 3px 3px 0; text-indent: 16px; text-align: right; } div#menubar { background-color: #fff; background-repeat: repeat-x; background-position: right 0; height: 20px; overflow: hidden; } div#listmenu { width: 100%; font-size: 1em; float: right; } div#listmenu ul { margin: 0 0; border: 0; } div#listmenu li { float: right; list-style-type: none; padding: 0 2px 0 0; } div#listmenu a { color: #666666; text-decoration: none; padding: 5px 15px; } div#listmenu a:hover { color: #FF0000; text-decoration: none; } div#navbar { float: left; width: 130px; background-color: #FFF; border-right: 1px solid #CCCCFF; padding: 0 10px 0 10px; } div#navbar ul { line-height: 1em; list-style-type: none; border-bottom: 1px solid #fff; margin: 0 0 5px 0; font-size: 1em; font-weight: bold; } div#navbar li { display: inline; } div#navbar li a { color: #fff; background-color: #0000FF; text-decoration: none; display: block; padding: 5px 0 5px 0; font-weight: bold; font-size: 0.85em; border-top: 2px solid #fff; border-left: 2px solid #fff; border-right: 2px solid #fff; text-indent: 5px; } div#navbar li a:hover { background-color: #FF0000; } div#navbar p { font-size: 0.85em; font-weight: bold; text-align: center; padding: 0 0 5px 0; } div#navbar p a { decoration: none; } div#navbarred li { display: inline; } div#navbarred li a { background-color: #0000FF; } div#navbarred li a:hover { background-color: #0000FF; background-color: #ff0000; } div#corgilogo a { display:block; width: 89px; height: 110px; border: 1px solid #fff; margin-top: 35px; margin-left: 20px; color:#fff; background: url("../images/corgiblue.jpg") 0 0 no-repeat; text-decoration: none; overflow: hidden; } div#corgilogo a:hover { background-position: 0 -110px; color: #fff; } div#content { margin-left: 170px; padding-right: 10px; padding-bottom: 5px; padding-top: 10px; } div#content ul li { margin-left: 50px; } /* IE HACK Hide from IE5-mac. Only IE-win sees this. \*/ /* * html #content { height: 1%; } */ /* end hide */ div#content h1 { font-family: Times; font-size: 2em; color: #0000FF; } div#content h2 { font-family: Times; color: #0000FF; Padding: 0 0 0 0; font-size: 1.3em; } div#content p { margin: 10px 0 0 0; } div#content a { margin: 0 0 0 0; padding: 0 0 0 0; } div#content img { float: right; } div#logos { height: 60px; margin-top: 10px; margin-bottom: 5px; text-align: center; margin-left: 170px; padding-right: 45px; } .centreimage { text-align:center; } div#logos a { text-decoration: none; } div#logos img { border: 0px solid #fff; margin: 0 0 0 50px; float: right; } div#footer { clear: both; margin: 0; padding: 3px 5px 5px 0; text-align: right; font-size: .85em; font-weight: bold; color: #fff; background-color: #0000FF; border-top: 1px solid #666666; } div#footer a { color: #000; text-decoration: none; } div#bottom p { text-align: center; font-size: .85em; color: #ccc; } div#bottom a { color: #ccc; text-decoration: none; } div#bottom a:hover { color: #FF0000; text-decoration: none; } /* Aslett Clearing Method - www.csscreator.com */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-table; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* End Aslett Clearing Method */ .logo { float: left; border: 0; margin: 10px; } .topimg { float: right; border: 0; } .imglink { margin: 5px 0; border: 0; } div#formcontainer { width:400px; margin-left:40px; margin-top: 20px; border: 0px solid #000; } div#formcontainer h3 { margin:20px 0 0 10px; font-weight:bold; } div#formcontainer h4 { margin:0 0 5px 10px; font-weight:normal; } div#formcontainer p { margin:0 0 5px 0; font-weight:normal; } div#formcontainer form { border-top: Opx solid #FFF; border-bottom: 0px solid #FFF; } div#formcontainer div.clearfix { border: 0px solid #000; padding: 10px 0 0 0; vertical-align: top; width: 400px; overflow: hidden; } div#formcontainer form label { width:120px; float:left; color: #000; margin:0 10px 0 0; } div#formcontainer div.buttongroup { float:left; margin:0px; padding:0px; } div#formcontainer div.buttongroup div { margin-bottom:5px; font-size:.75em; } div#formcontainer div.buttongroup input { margin-right:5px; } div#formcontainer input[type="submit"] { display:block; margin-left:auto; margin-right:10px; } .button { color: #fff; background-color: #FF0000; float: left; } .captcha { height: 40px; width: 250px; margin-top: 5px; } .shadow {filter:shadow (color:red);width:100%;line-height:200%;} </style> </head> <body> <div id="container"> <div id="header"> <p>www.webaddress.com</p> <p>Telephone: number | Mobile: number</p> <img src="images/logo.gif" alt="alt"/> <h2>heading</h2> </div> <div id="topbar"> <div id="listmenu"> <ul> <li><a href="contact.php" title="Contact Us" accesskey="C">Contact Us</a></li> <li><a href="about.php" title="About Us" accesskey="B">About Us</a></li> <li><a href="index.php" title="Back To Home" accesskey="A">Home</a></li> </ul> </div> </div> <div id="navbar"> <ul> <li><a href="1.php" class="nav" accesskey="1" title="1">1</a></li> <li><a href="2.php" class="nav" accesskey="2" title="2">2</a></li> <li><a href="3.php" class="nav" accesskey="3" title="3">3</a></li> <li><a href="4.php" class="nav" accesskey="4" title="4">4</a></li> <li><a href="5.php" class="nav" accesskey="5" title="5">5</a></li> <li><a href="6.php" class="nav" accesskey="6" title="6">6</a></li> </ul> <div id="navbarred"> <ul> <li><a href="7.php" class="nav" accesskey="7" title="7">7</a></li> </ul> </div> <div id="corgilogo"> <a href="http://www.trustcorgi.com" target="new" alt="Corgi"></a> </div> <p>Reg No:</p> </div> <div id="content"> <h1>Plumbing & Heating Maintenance</h1> <h2>Setting The Standards</h2> <p>For a fast and reliable service give us a call. <b>See and feel the difference.</b></p> <p>Servicing of your heating appliances is essential for maintaining an efficient and <a href="safe.php">safe</a> system. Servicing can help prevent break downs and loss of heating. </p> </div> <div id="footer"> <p>Address</p> <p>Telephone</p> </div> </div> </body> </html>
September 8, 200817 yr Author there only 14 errors and 6 are them are things it dont know like the shadow property and a couiple of O instead of 0 miss types. yes its large as its a template and used for all the pages of the site, the site runs perfect there only this one error i found so far and still this dont fix it. IE5 & 6 suck arse. i might just remove the link and its all fine and just add the link else where.
September 8, 200817 yr well...this is one error i found in your css ... and it's quite dangerous .imglink { margin: 5px 0; border: 0; } } Anyway the link was looking so in ie 5 and ie6 because of this *html a { display:block; }
September 8, 200817 yr Author i changed the errors in my css and got ride of errors so its now valid, uploaded and removed the display block etc and just wating for the screen shot to be made
September 8, 200817 yr Author thanks this was the problem *html a { display:block; } got rid of that now its working.
Create an account or sign in to comment