Similar to this issue. I downloaded latest and greatest today. The panels on the administration page also line up vertically too quickly instead of two by two.

CommentFileSizeAuthor
#21 page.tpl_.php_.patch680 bytesbryansd
#7 create_story_wow.png29.07 KBkdebaas
#4 create_story_scrolled_down.png30.75 KBkdebaas
create_story.png27.11 KBkdebaas

Comments

kdebaas’s picture

kdebaas commented

Oops... left out information: The content only flows under the left sidebar, on certain form pages, such as when creating content.

jjeff’s picture

jjeff commented

Do you happen to know if this is new behavior? In other words, is this a new install for you, or have you recently upgraded Zen and this behavior has just appeared?

I'm sure there's a more lucid way to ask that question, but I can't figure it out right now. :-)

alanburke’s picture

alanburke commented

Hi There
I think this behaviour is related to this issue
http://drupal.org/node/101305

See my comment
#14
for a quick and easy solution

Let us know if that works

Later
Alan

kdebaas’s picture

kdebaas commented
StatusFileSize
new create_story_scrolled_down.png30.75 KB

It's basically a new install, and first impressions. That is, new Zen, and upgrade to Drupal 5.0. I had Zen installed before, but never got around to open it in Internet Explorer. I installed fckeditor, which is why I was testing to see how it looks in Internet Explorer. Disabling the fckeditor does not make the problem go away, unfortunately...

I've attached a new screenshot, where I scroll down the submit story page. The log message form seems to extend out oddly.

When I switch to the Bluemarine theme, all seems well. Back in Zen, I have (up until now) not encountered the problem elsewhere, apart from on the submit Story, Book, Page, etc... pages.

Aaah, scrap that, the content of the Themes page also flips underneath the left sidebar. Significant difference though is that it only does it when I resize the browser window to a dimension that it finds too narrow. In the case of the Submit Story, the content (or should I say main column) is under the sidebar always, no matter how wide I set the browser window.

Hope this helps.

jjeff’s picture

jjeff commented

Still narrowing it down. My guess, based on Alan's pointer to http://drupal.org/node/101305 is that you'll have this same problem with the Garland theme. If that is true, I'll know where to look for the solution.

kdebaas’s picture

kdebaas commented

I switched to Garland, and it didn't misplace the middle column. I applied Alan's fix anyway, and yes, in Zen that did solve the problem. I will look into the things again tomorrow, to see if I can actually understand what it was all about. (it's getting late on my side of the atlantic) Thanks for your prompt answers.

kdebaas’s picture

kdebaas commented
StatusFileSize
new create_story_wow.png29.07 KB

Okay, another screenshot before bed...
This is a screen shot of the submit story page, before adapting the textarea.js.

tcaduto’s picture

tcaduto commented

Hi,
I just did a new install of Drupal 5.0 today and used the Zen Theme.
I put a new menu called main menu and added a item called "Contact Us" which of course
links to the built in side wide contact form. When users in Internet Exploder (explorer :-) click it the Contact form does
indeed appear below any blocks on the left hand side.

It's basically a stock install with the addition of the TinyMCE editor and the IMCE module.

bryansd’s picture

bryansd commented

Just to let everyone know, I'm also seeing this problem in IE7. Though, I can't remember if I saw it earlier in the day. After some sleep, I may play with this...

bryansd’s picture

bryansd commented

Disregard...I should have read about the problem with textarea.js in http://drupal.org/node/101305 . Time to go to bed...

jjeff’s picture

jjeff commented

Well I guess the next step would be to figure out if/how this problem was fixed in the Garland theme and apply that fix over here.

Anyone have energy for that?

bryansd’s picture

bryansd commented

Jeff,

I grabbed my laptop where I still keep IE6 and found that the textarea for the comments also floated left in not only Zen but also Garland. I'm not so sure everything in Garland looks perfect either.

Back to Zen, I'm seeing a lot of problems with Zen in IE6. Part of the issue is when the right sidebar begins to max toward 210 px (for the fluid). I had an adsense ad at 200x200 px and the right sidebar shifted left and below the the left sidebar. I observed this in IE6 but not IE7 or Firefox. Perhaps some readjustments to the layout.css is in order.

kdebaas’s picture

kdebaas commented

BryanSD,
as far as I can see, the only column that should be fluid in zen is the middle column. That means that the width of the sidebars remain constant at 210px, no matter how wide your browser viewport is. However, in IE6/win, when you have (unbreakable) content inside your sidebar that is wider, instead of sticking out of its side, the sidebar will miraculously expand to incorporate that content. This may cause it the sidebar itself to be too wide to fit inside the space alongside the main content area, causing it to drop below.
In your case (I am guessing) the adsense ad of 200px wide + the padding of the sidebar-right .block of 15px = 215px. So indeed, it wouldn't surprise me if that makes the sidebar drop. Let me know if I have misinterpreted your post.

See IE6: expanding box on oversize content for more info. At the moment I have not been able to find the time to go on digging into the zen css, let alone find elegant solutions. But in your case it might be that the best thing to do is to either resize the sidebar, or you adsense ad.

kdebaas’s picture

kdebaas commented

Okay, finally figured out the reason why the textarea in Garland doesn't drop under the left sidebar as it does in Zen:

As described in the article "IE inherited margin bug: form elements and hasLayout", the bug is that certain form input elements whose containing box has layout, inherit the sum of the margins of all of their containing boxes.

The fix in the javascript file textarea.js simply wraps a spanelement around the form input element, that has no "layout", so there is nothing to inherit for the form input element inside.

It took me a while to "see" it, but lo and behold, the simple answer is that in Garland, the resizable textareas ARE ALREADY wrapped in a span element.

Compare the source for the form-item in Garland: 

<div class="form-item">
 <label for="edit-body">Body: </label>
 <div class="resizable-textarea"><span><textarea cols="60" rows="20" name="body" id="edit-body" class="form-textarea resizable processed"></textarea><div style="margin-right: -4px;" class="grippie"></div></span></div>
</div>

with the one for ZEN:

<div class="form-item">
 <label for="edit-body">Body: </label>
 <div class="resizable-textarea"><textarea cols="60" rows="20" name="body" id="edit-body" class="form-textarea resizable processed"></textarea><div style="margin-right: -6px;" class="grippie"></div></div>
</div>

Now, what to do? Wait for the patch for textarea.js to be committed? Or fix Zen itself? I haven't learned how to create patches yet...

bryansd’s picture

bryansd commented

Reply to #14. My vote would be to include the patch in Zen as we can't control when/if the textarea.js patch gets committed. What do others think?

harriska2’s picture

harriska2 commented

I applied the patch to both of my new drupal 5 new installs and neither worked for zen. The main admin menu still drops under the left sidebar.

larrychu’s picture

larrychu commented

Subscribing

wolken’s picture

wolken commented

In my case, my right sidebar went under de main content on certain pages. I tried several suggestions given here, but with no luck. This applies for IE6 only.

Now it seems I have found a solution that works for me. In page.tpl.php I added a clear-block to the squeeze div.

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

And everything stays where it shoud!

bryansd’s picture

bryansd commented

Wolken's fix in #18 appears to not only fixed the problems listed here, but also most of the complaints found under http://drupal.org/node/110902 . I tested this under Zen 5.x-0.6, but did not test against the latest -dev (CVS) version. I also verified in both IE6/IE7. Can other confirm the fix and any side effects against other browsers?

harriska2’s picture

harriska2 commented

Yes, #18 fixed the dropping of sections of the administration blocks.

bryansd’s picture

bryansd commented
Status: Active » Needs review
StatusFileSize
new page.tpl_.php_.patch680 bytes

Patch for wolken's #18 solution. Verified to work in Zen 5.x-0.6. This is my first patch for Drupal so someone needs to verify the patch just as much as the fix. Should also fix issue found at: http://drupal.org/node/110902 .

Bryan

mmeawad’s picture

mmeawad commented

I've tried everything that you guys suggested here and no luck here is a link to our site: http://www.copticmission.org/ it works fine in firefox but in i.e. 6 the right menu gets shifted to the botton left of the page. Any help is very appreciated

add1sun’s picture

add1sun commented
Component: Code » IE Problems
Status: Needs review » Closed (duplicate)

Marking this as dup of http://drupal.org/node/89656 so any further issues not solved here can continue there.

As a wrap up:
The actual issue for the OP is solved by this core patch: http://drupal.org/node/101305, which has now gone into HEAD and 5 dev so as soon as 5.2 gets released (which should be soon) this will be solved by upgrading to 5.2.

Regarding the right sidebar getting dropped, that is a totally different issue and you can go here http://drupal.org/node/121606 for more on that. This does need to be fixed in zen ie hacks though and the issue for that is here http://drupal.org/node/141784

mattjabs’s picture

mattjabs commented

If you have the event module installed, try editing the event.module file to change the display of the days of the week from 3 digits to 2 digits...that worked for me.

In any instance in the file (each appears 4 times, change all 4), where you see Mon, Tue, Wed, Thu, Fri, Sat, Sun...change them to Mo, Tu, We, Th, Fr, Sat, Sun respectively & you won't have the menu items shifting around anymore.

--
Matthew Jabs