IE6: text falls outside and to the left of content area

Yeah, I've saw this behavior when I was opening IE to find a different bug. [...sigh...]

This is a definite IE nasty. I'm tempted to start maintaining IE hack files that gets called in conditionally.

  <!--[if lte IE 6]>
  <style type="text/css" media="all">@import "/sites/all/themes/daughtry/css/ie6.css";</style>
  <![endif]-->
  <!--[if IE 7]>
  <style type="text/css" media="all">@import "/sites/all/themes/daughtry/css/ie7.css";</style>
  <![endif]-->

If anyone has any energy/time/excitement about this, please chime in because I'm not sure when I'll find time to debug this one.

Ok, I've been looking into another problem with the taxonomy and links in the node floating all over the place (using view/panels) in IE6 but noticed I didn't have the problem with the bluebreeze theme. While trying to solve that problem, I noticed when I added the following code to zen.css the contents in the admin panels became fine. For the next couple days, I'm a little short of time figuring out why this fixes the problem...so hopefully this will help figure things out.

ol, ul, dl {
  position: relative;
}

.links {
  color: #999999;
}

ul.links {
  margin-top: 0pt;
  margin-right: 0pt;
  margin-bottom: 0pt;
  margin-left: 0pt;
  padding-top: 0pt;
  padding-right: 0pt;
  padding-bottom: 0pt;
  padding-left: 0pt;
}

ul.links {
  text-align: left;
}

ul.links.inline {
  display: inline;
}

Try simply removing this line entirely:

ol, ul, dl {
  position: relative;
}

I've noticed position:relative can cause problems.

I applied changes in comments #3 and #4 to 5.x-1.x-dev, but text is still offset in admin page.

To get the Administer page to look half way decent on IE, I had to do the following:

1) From comment #4:

ol, ul, dl {
/* position: relative; */
}

2) and then this:

.admin .clear-block {
display: inline;
}

This is a change from block --> inline. Not sure if this the right way to fix this, but it works for me at least.

As far as I can tell, the fixes in comment #6 & #4 are all that need to be done. I generated a patch file (110902-ie6-admin-boxes.patch) off of the DRUPAL-5 cvs branch. Tested this on Linux using IE6 (via wine) and also on a Windows XP box - the patch is working for me.

I found Wolken's fix under #18 for issue http://drupal.org/node/110550 actually fixed this issue too (as well as an issue I was having with panels/views).

Wolken's fix is in page.tpl.php add a clear-block to the squeeze div.

<div id="main" class="column"><div id="squeeze" class="clear-block">

Everything looks fine to me in both IE6 and IE7. I'm not sure Malcomm's patch (#7) is necessary. Need a couple others to verify my observation before dismissing patch under #7.

-Bryan

I just backed out my changes and put in the suggested fix in #8 submitted by BryanSD and I agree that's the correct thing to do. It actually fixes some other issues I was having in IE as well, so it's goodness all around. Thanks BryanSD!

--
Marcus

Applied clear-block to squeeze in 5.x-1.x-dev.