Hi Steve, If your !DOCTYPE is specifying XHTML, then you need to close all your tags properly.
Use an ending slash ( /> ) or a closing tag. Otherwise you're introducing rendering exceptions and that can lead to unpredictable behavior regardless of the browser. XHTML is a strict syntax. If you abuse it you'll get back what you're giving it. Just because some browsers are more forgiving than others doesn't mean you should rely on that for your design. As for finding a different !DOCTYPE spec to make your webpages more cross-browser friendly (including IE 6.0), you should also check out the following link: http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie60/html /cssenhancements.asp?frame=true#cssenhancements_topic3 It explains how to turn on Standard Compliant CSS for IE 6.0 Also, your JavaScript is throwing an error in the "else if" expression. Scott Cadillac --------- Business Extranet Freedom IExtranet ~ http://IExtranet.com Online Demo ~ http://www.northwind.org/#demo --------- Weblog ~ http://xmlx.ca For Hire ~ http://xmlx.ca/forhire --------- 403-254-5002 ~ [EMAIL PROTECTED] --------- P.O. Box 69006 RPO Bridlewood SW Calgary, Alberta Canada T2Y 4T9 > -----Original Message----- > From: Steve Smith [mailto:[EMAIL PROTECTED] > Sent: Wednesday, March 09, 2005 6:40 PM > To: [email protected] > Subject: Re: Witango-Talk: OT Having CSS Problems > > I have used the validators and they are great tools. I think > that this is strictly an IE6.0 thing because even though I've > got errors with the validator, they are for img tags that > aren't closed. If the CSS was completely wrong, they should > fail with other browsers but they don't > > I've used the border thing and it has helped identify where > the problem is but not the cause. > > The code that is the source of the problem is below > (currently set to work for IE6.0): > > div#subcontent1 > { > float: left; > margin: 0 70px 0 70px; > padding: 15px 0px 15px 0px; > /* content that works with all but IE is below > margin: 0 70px 0 210px; > padding: 15px 0px 15px 0px; > */ > } > > div#subcontent2 > { > float: left; > margin: 0 40px 0 40px; > /* content that works with all but IE is below > margin: 0 40px 0 180px; > */ > } > > If I flip the comment tags around, I get it to work with all > other browsers but not with IE6.0. I need to have it work for > 'all' browsers/platforms/versions or find some way to set up > a workaround for IE6.0. > > Any other suggestions would be welcome. > > Thanks, > > Steve Smith > > Oakbridge Information Solutions > Office: (519) 624-4388 > Fax: (519) 624-3353 > Email: [EMAIL PROTECTED] > Web: http://www.oakbridge.ca > > On Wednesday, March 9, 2005, at 05:35 PM, Customer Support wrote: > > > > Steve, > Use the w3 html validator to check your xhtml. It will > tell you on what lines and in what tag you have a problem. > http://validator.w3.org/ > > Use the w3 css validator to check your xhtml. It will > tell you on what lines and in what tag you have a problem. > http://jigsaw.w3.org/css-validator/ > > The easiest way to see what is happening with the zones > on a page is put borders temporary around them. You can do > this by using different coloured borders. The neat thing > about CSS is that you can define different properties to the > same style several times in a style sheet and they just > aggregate rather than over riding the previously defined > style info. You could add something like the following to > your style sheet to see what the browser is doing. > > /* Debug Zones*/ > #main { border-right: #f00 1px solid; border-left: #f00 > 1px solid; } > #nav { border-right: #0f0 1px solid; border-left: #0f0 > 1px solid; } > #content { border-right: #00f 1px solid; border-left: > #00f 1px solid; } > #subcontent1 { border-right: #ff0 1px solid; > border-left: #ff0 1px solid; } > #bottomlinks { border-right: #0ff 1px solid; > border-left: #0ff 1px solid; } > > Once you have finished debugging them just put them in > a comment till you need them again. > > IE6 does do some peculiar things with styles though and > you have to work around them by restructuring where margins > are set and how things are floated and in what order. > > > Witango Support > > On 10/03/2005, at 6:55 AM, Steve Smith wrote: > > > > Forgive the non-Witango post here: > > I've working on a static site for a customer > and I'm trying my best to move it towards Web Standards. > However IE6.0 Windows is giving me fits. I have two versions > of the site: > > http://www.oakbridge.ca/clients/treadle/index.html > > works for IE6.0 Windows but doesn't work for > other browsers/platforms. > > http://www.oakbridge.ca/clients/treadle2/index.html > > works for other browsers/platforms including > Netscape and Firefox on both platforms, Safari and even IE 5.2 Mac. > > The problems should be fairly obvious on the > main page. There is no content in area to the right side of > the navigational buttons. > > If anyone has any ideas, I'd love to hear from you. > > Thanks, > > Steve Smith > > Oakbridge Information Solutions > Office: (519) 624-4388 > Fax: (519) 624-3353 > Email: [EMAIL PROTECTED] > Web: http://www.oakbridge.ca > > > > > ______________________________________________________________ > __________ > TO UNSUBSCRIBE: Go to > http://www.witango.com/developer/maillist.taf > > > > > ________________________________________________________________________ TO UNSUBSCRIBE: Go to http://www.witango.com/developer/maillist.taf
