By texas-bronius on

I've got another IE rendering situation..
The pages:
http://brazoscountyexpo.com/
http://brazoscountyexpo.com/facilities
are coming up with this huge space before the meat of the pages begins. In Drupal terms, it's when this particular view is to be displayed (so maybe something to do with the .view class?).

Firefox is fine, both IE (IE6) and IE7 are affected.

Any tips are appreciated! Firebug told me nothing suspicious (because it works find in FF!)

Comments

arvinsingla’s picture

arvinsingla commented

It looks like the content ends up being to wide for your container and drops down below the sidebar. The reason for this could be due to IE messing up the width, margin and padding. I'm assuming this is due to the box model bugs.

http://en.wikipedia.org/wiki/Internet_Explorer_box_model_bug

My recommendation is to set an absolute width for your "main" div and float it either right or left. Also you seem to have an unnecessary div surrounding main that has no class or id associated to it.

Hope that helps.

---------------------------------------------------------------------
"I am a very model of a modern major general"
http://www.wiiliketopodcast.com

---------------------------------------------------------------------
"I am a very model of a modern major general"
http://www.arvinsingla.com

texas-bronius’s picture

texas-bronius commented

were we in a logical universe.. ok, I'm just failing miserably at making "yet another IE jab".
So the culprit turned out to be the calendar module! It comes packed with some css with a generic ".view-header" definition. This affected all my views across the site:

.calendar-nav-wrapper, .view-header {
  width:100%;
  clear:both;
  position:relative;
  }

In the spirit of leaving modules and core alone, I just opposited the values in my css:

/* this next piece directly overrides calendar.css's thing that breaks IE */
.calendar-nav-wrapper, .view-header {
  width:auto;
  clear:none;
  position:auto;
}

I don't know what the optimal solution is, but "this works" for me for this project. Later I'll have to check out calendar's issue queue to see if anyone's already mentioned that calendar.css has a generic .view-header definition in it (which it probably should not).
Thanks for your eyes on this all the same! Box model is a common offender, isn't it?
--
..happiness is point and click..

--
http://drupaltees.com
80s themed Drupal T-Shirts