We have decided we our bad Browser-script to not any longer support browsers like IE 6 which does not follow the HTML-standards.
But sometimes, maybe when you are at work, it is not that easy. Sometimes you need a little work around or a special CSS only for IE 6. Today it was one of those days. At work I made a site were articles are shown in a list, only one little overview-snippet for each article. Now I want, to made it more clearly arranged a solid line between each div-container. Thought and done in CSS, it worked fine – in Firefox. But not for Internet Explorer 6.
But after a little internet search I found a very easy to use solution: you have to put a margin-bottom also in your CSS-class and than IE 6 let the line appear.
This is my class.
.my_class {
padding: 10px;
border-bottom: 1px solid #999;
margin-bottom: 1px; /* needed to show the border also in IE 6 */
min-height: 190px;
}
Related posts:
hi, thanks
but not working that!
Hi.
For me it works. Maybe your environment is different. I use YAML.
Have you also tried more margin than 1px?
The problem is, that not every trick works in every environment. Sometimes problems comes or are solved because of the different environment. I don´t know your special case. Would be interesting what special problem/environment you have.