Site Displays horrible in IE 6, What to do?
i created site in dw cs3 using css. displays fine in ie 7, netscape , firefox mac , pc version; however, in ie6 alignment off. have run wc3validator.org, , have errors (that cannot figure out how fix), areas errors aren't problem areas in ie 6. there kind of coding can put @ top ie 6 fix layout issues? should do? if fix display right in ie 6, doesn't right in ie7.
url: http://www.lotusvalleydesigns.com/meixnerconstruction/home.html
any appreciated...thank you!
chances pretty invalid code causing it. hacking invalid code won't prove more reliable. have unbalanced <li> </li> tags , 26 closing </div> tags 25 opening <div> tags.
let's try creating valid code, first.
home.html
replace of this:
<ul id="menubar1" class="menubarvertical"> <li><a href ="home.html" id="home1">home</a></li> <li><a href="safety.html" id="safety1">safety</a></li> <li><a href="#" id="ourservices1"> our services </a> <ul> <li><a href="ourservicescommercial.html" id="commercial1" class="menubaritemsubmenuhover">commercial</a></li> <li><a href="ourserviceshomeowner.html" id="homeowner1" class="menubaritemsubmenuhover">homeowner</a></li> </ul> <li><a href="team.html" id="team1">our team</a></li> <li><a href="contact.html" id="contact1">contact us</a></li> <li><a href="links.html" id="links1">links</a></li> </ul></li>
with this:
<ul id="menubar1" class="menubarvertical"> <li><a href ="home.html" id="home1">home</a></li> <li><a href="safety.html" id="safety1">safety</a></li> <li><a href="#" id="ourservices1"> our services</a> <ul> <li><a href="ourservicescommercial.html" id="commercial1" class="menubaritemsubmenuhover">commercial</a></li> <li><a href="ourserviceshomeowner.html" id="homeowner1" class="menubaritemsubmenuhover">homeowner</a></li> </ul> </li> <li><a href="team.html" id="team1">our team</a></li> <li><a href="contact.html" id="contact1">contact us</a></li> <li><a href="links.html" id="links1">links</a></li> </ul>
(note logical places closing </li>s)
and delete last </div> near bottom of code. (i'm guessing on one. didn't try figure out tag).
lots of errors in css, too.
cssstyles.css
in #contentmaininteriorservices, delete line:
height: 0 auto;
in .headerservices, change this:
line-height:1 em;
to this:
line-height: 1em;
in .pagetitle, change this:
line-height: 1 em;
to this:
line-height: 1em;
in .headersecondary1, change this:
font: franklin gothic medium, rockwell, verdana, sans-serif;
to this:
font-family: "franklin gothic medium", rockwell, verdana, sans-serif;
in .headersecondary, change this:
font: "franklin gothic medium", rockwell, verdana, sans-serif;
to this:
font-family: "franklin gothic medium", rockwell, verdana, sans-serif;
in .h1, change this:
font: "franklin gothic medium", rockwell, verdana, sans-serif;
to this:
font-family: "franklin gothic medium", rockwell, verdana, sans-serif;
(are using class="h1" anywhere?)
in .links a:active, change this:
line-height: 28x;
to this:
line-height: 28px; /* assuming meant pixels, here */
if, after doing of above, still needs tweaking, come on , can try more. suspect fix it, though.
--
mark a. boyd
keep-on-learnin' :-)
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment