fragmente » ie6

CSS border-bottom for IE 6

karrock — Fri, 28 Aug 2009 13:29:08 +0000

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

fight Internet Explorer 6 – reloaded

blumentritt — Thu, 06 Aug 2009 19:14:07 +0000

I think the statement from Youtube was the starting signal

Our last article and badBrowser Script are very frequently visited and today i found this:

IE6 No more / Samples

A very nice warning for all Internet Explorer Users < Version 7.0

Nice but I think our script with browser detecting ist much better of course.
Anyway – nice roadmap in web 2.0

Floating problems with IE 6

karrock — Thu, 06 Aug 2009 13:18:41 +0000

The Internet Explorer 6 has sometimes a problem with floating right. Today I had this problem. I have two div-container: one a image which has to float left and a text block which has to float right. On Firefox this works without any problems. But IE 6 do not float the text to the right but just put it after the image. After a little internet search I found a similar problem, the so called doubled float-margin bug on IE 6.

The solution of this problem, just set the floating boxes with inline-attribute, works also for this right-floating problem. Just set for the CSS-id the following:

display: inline;

See the pictures below. The left one is with bug, the right one without. Hope this helps some others.

CSS floating problems

overflow:auto – Internet Explorer 6 Bug

blumentritt — Thu, 12 Feb 2009 16:38:10 +0000

A few days ago – i found a funny behavior in IE6. Our lovely Browser has problems with the CSS tag overflow: auto;

Story: I needed a small scroll-window in my contentarea, so i decided to use a

with a special scroll class (#littlescrollwindow). Inside the scroll

i wrote some unordered lists like Test1
and some dummy text.

Action: The Internet Explorer show me the right scrollbar and the content, but when i started scrolling – only the dummy text begins to scroll, but the listitems (

) stands still and fixed in my little “scroll-window”. The hole dummy text went over and through my listitems … nice view -> test it yourself.

Happy end: But the secret i want to write about is … you have to position your little scroll-window !!! Thats all.

example:
```
#littlescrollwindow {
position: relative;
height:200px;
overflow: auto;
}
```
Summary: With this “bugfix” you can scroll ALL contentelements in IE6 without funny textgames.

Martin

Related posts:
1. How to use position-absolute and z-index with Internet Explorer 7 and nested containers
2. fight Internet Explorer 6 – reloaded