7 replies [Last post]
flashcat7777
Offline
Enthusiast
Last seen: 12 years 9 weeks ago
Timezone: GMT-5
Joined: 2006-05-29
Posts: 64
Points: 5

Hi,
My site, www.javavideotutes.com, works fine in IE7 and Firefox, but not IE6. I think I remember something about a bug in IE6 involving float elements with a margin, but I don't remember it exactly. I think that's what's causing the problem. Can someone please have a look?

Thanks,
Trevor

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 17 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

It's the doubled 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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Logus
Logus's picture
Offline
Enthusiast
Last seen: 13 years 17 weeks ago
Joined: 2008-01-08
Posts: 53
Points: 0

IE6

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

"Todo habito hace nuestra mano mas habil y nuestro genio mas torpe"
Contact in my blog http://www.miguelmanchego.com

flashcat7777
Offline
Enthusiast
Last seen: 12 years 9 weeks ago
Timezone: GMT-5
Joined: 2006-05-29
Posts: 64
Points: 5

Ok...

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!!

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 17 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

I don't see that you made

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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

flashcat7777
Offline
Enthusiast
Last seen: 12 years 9 weeks ago
Timezone: GMT-5
Joined: 2006-05-29
Posts: 64
Points: 5

I will try that

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--

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 1 year 17 weeks ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

I'd do it something like

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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

flashcat7777
Offline
Enthusiast
Last seen: 12 years 9 weeks ago
Timezone: GMT-5
Joined: 2006-05-29
Posts: 64
Points: 5

Thanks

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