[RESOLVED]IE6 Float Margin Bug

It's the doubled margin bug. Add {display: inline;} to #leftNav. It can't break anything, because a float element may only be display block||none. Any other value is ignored.

cheers,

gary

Hello
I was checked your page with IE developer toolbar, I`m looking a extra border left and right

#leftNav {style.css (line 72)
float:left;
margin-left:10px;
padding-bottom:10px;
width:260px;
}

The problem is only with #leftNav when you reduce that DIV all page will show properly

I added the line you recommended - does it work now? Sorry, but I don't have IE6 to check it out myself. Thanks for your help!!

I don't see that you made any change. Did you upload the corrections? BTW, you need to add the rule to .outerMain also.

You also need to get busy and remove all those inline style attributes. Very poor practice.

cheers,

gary

I got the free Win XP + IE6 image and added display:inline; to outerMain, but it still looks the same. Any more ideas? Thanks.

As for the inline styling, I don't know a lot about these unwritten rules. However, I can't come up with any logical argument for excluding them when you are applying the style in a special, solitary case. I suppose it would make a difference if the designer and content designer were different people, but it's all me, baby. I do agree that I need some clean up, though. I'll work on that this week.

Thanks,
Trevor

--edit--
I have removed all inline styling EXCEPT the background color on the DIVs on the lesson page. As more "lessons" are added, the background color gets gradually lighter (up to 10 lessons per page). I don't think there is any more practical way to accomplish this than use inline styline.
--/edit--

I'd do it something like this:li {
background-color: #300;
color: white;
}

li a {
color: white;
}

li+li {
background-color: #600;
}

li+li+li {
background-color: #900;
}

li+li+li+li {
background-color: #c00;
}

li+li+li+li+li {
background-color: #f00;
}
=============

• 
  Home
  


• 
  Mural Gallery
  


• 
  Testimonials
  


• 
  Terms & Conditions
  


• 
  Contact
  

I used a list simply because I had one handy to copy/paste. Your selectors might go something like
div.lesson {...}
div+div.lesson {...}
div+div+div.lesson {...}
...That won't work in IE6, but it's not critical to function. Call it a progressive enhancement.

cheers,

gary

That's definitely a good thing to know (I did not know you could select nested objects like that), however I think I am going to stick with what I have. It's hardly an eye sore when looking at the code, and everything (to my knowledge) is working perfectly in all browsers I have tested. This site is now in the "site checks" forum.

Thanks again,
Trevor