In IE6, all my content drops below the first sidebar. Has anyone else had this problem? I'd imagine there's a simple way to fix it, but so far I'm stumped.

Comments

allanmayberry’s picture

allanmayberry commented

Have you checked your CSS - IE6 is notoriously uncomplient. Does it display OK in other browsers (FF, IE7, Chrome ,Safari etc?)

gorcon’s picture

gorcon commented

Works fine in IE7, IE8, and FF -- it seems that IE6 is the only troublemaker. Haven't been able to find anything in the CSS that would account for the problem.

Since Waffles is based on Acquia Marina, I checked a few known Acquia Marina websites with IE6. Some had the identical problem, and some didn't. I'm curious if Waffles is built on a previous version of Acquia Marina that still had this issue. (As the newer version of Acquia Marina seems to work fine for me in IE6, I may just go with that theme and adjust it to suite my needs.)

In any case, unless I'm the only one who has this problem -- which is possible, I guess, put improbable -- it would make sense to fix it.

NaPa’s picture

NaPa commented

having the same problem..

still building the site, so I'm looking forward to fix it later.
I noticed that the problem don't appear everytime, but occasionally, that's why I don't understand it, if there's an error it should be constantly dropped, I think.

Anyway, didn't know that in other browsers the problem don't exist.

philme’s picture

philme commented

style.css

body.layout-first-main #sidebar-first {
width: 200px; /*change 240px to a smaller number like 200px*/
}

another problem I found is that div preface didnt show up in ie6. after testing for a while, I solve the problem for now by doing this:

ie6-fixes.css

#preface {
height: 1px; /* remove this line, it doesnt fix ie6 but make it worse*/
}

geograt’s picture

geograt commented

pjilme,

The fist change suggestion to the local.css file (no style.css) and the second to the ie6-fixes.css don’t solve the problem. Also these changes in ie7 & ie8 make left boxes look small after a first click. The same problem in the others themes has often to do with the use of the right boxes.

rsantiag’s picture

rsantiag commented

I´m having the same problem .. and I´m not using right boxes ...

Great theme!!!

Regards,
Ricardo

zzemm’s picture

zzemm commented

I had a similar problem in ie6.
in my style.css I made a lot of changes, but hope my solution helps to someone. Look close to around 1580 line

div.form-item label {
 /* float:left;*/
.................

I fixed problem when comment next line: /* float:left;*/

hope it helps....

geograt’s picture

geograt commented

in style.css archive the line before
float:left;
is: img.lleft {

commenting: "float:left;" don't solve the problem.

thinkingcap’s picture

thinkingcap commented
Status: Active » Fixed

Just discovered this theme and liked it a lot. Thought I'd contribute something back.

Here's the fix:

In ie6-fixes.css add float:left to "body.layout-first-main #content-wrapper" (line 34). If you also want the main column to be fluid rather than the 700px fixed width, then change it to width:auto.

body.layout-first-main #content-wrapper {
  float:left; /* turns the main content box into a float which fixes the flow */
  width: auto;  /* fluid main column */
}

In response to comment #4, the fix to the preface problem is:

#preface {
  height: 1%;
}

This is the hasLayout trigger, and is used to trick IE6 into setting the height of the preface container to enclose the nested floats. Setting height: 1px does not appear to invoke hasLayout, but height: 1% does. Very strange because any value apart from auto is meant to work.

gurtner’s picture

gurtner commented

Thanks!

body.layout-first-main #content-wrapper {
float:left; /* turns the main content box into a float which fixes the flow */
width: auto; /* fluid main column */
}

in ie6-fixes.css did the trick for me...

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.