On screens or windows with display widths of 1024, there are display issues in both FireFox and IE. At 1280 width, all browsers appear to be OK. I have not done extensive testing to determine at what exact width between 1024 and 1280 everything displays correctly.

To see the issue, I am selecting: Administer - Site Building - Blocks. I've attached a graphic showing relevant screen shots from IE6, IE7, and FF2.

The first section is from IE6. There is no issue with this browser. Everything displays in what I consider to be the correct fashion, and allows full functionality. It was included as a working reference.

The second section is from IE7. The theme names are interspersed with the description text. The actual configuration area is also cut off at the Secondary Right Sidebar. At this resolution, you can still see enough of the display to configure the location and the block operations. At lower resolutions, you would lose the ability to configure the block operations.

The third and fourth sections show FF2. FireFox correctly displays the theme names and description text. However, it suffers the same cut-off problem as IE7. The block configuration area cuts off at the Secondary Right Sidebar. In addition, it actually is slightly worse than IE7 in this respect. On the same 1024 display width system as IE7, the block Operations area was completely cut off in FF2. In IE7 you can still see a portion of that area, allowing you to complete configuration.

I have not tested any of this on a Drupal 6 site.

Thank you for your assistance (and a great theme).

CommentFileSizeAuthor
#9 deco-admin-overflow_179186-9.patch476 bytesadd1sun
Deco-IE6IE7FF2.jpg462.17 KBScoutBaker
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

ScoutBaker’s picture

ScoutBaker CreditAttribution: ScoutBaker commented

This is a Drupal 5.2 site.

ScoutBaker’s picture

ScoutBaker CreditAttribution: ScoutBaker commented

Marked issue http://drupal.org/node/195789 as a duplicate of this issue.

The description did not add any additional information other than the Throttle option also become inaccessible.

ScoutBaker’s picture

ScoutBaker CreditAttribution: ScoutBaker commented

Verified no change in behavior under Drupal 5.3.

Marat’s picture

Marat CreditAttribution: Marat commented

I got the same problem with some screen resolutions ... but with 1280*800 this theme works perfectly.

klaasvw’s picture

klaasvw CreditAttribution: klaasvw commented

Thanks for the detailed report! I'm sorry I haven't fixed this yet. Starting from january I'll have more free time so I'll look into this first thing.

Most likely the problem is related to the fact that when the content is too wide overflow: hidden will kick in. The problem is the right sidebar: if content is too wide in the browser it extends to the right. With left sidebar this isn't a problem, but with a right sidebar it ruins the layout.

So the solution would be finding a way that the browser will show scrollbars instead of hiding the content. Using overflow:scroll is not an option since it will show scrollbars by default and only on the content, not the browser itself.

Any ideas?

B747’s picture

B747 CreditAttribution: B747 commented

Subscribing. Also, it seems as though the bottom content block area just seems completely unusable with IE7.

klaasvw’s picture

klaasvw CreditAttribution: klaasvw commented
Assigned: Unassigned » klaasvw
Priority: Normal » Critical
Creativei’s picture

Creativei CreditAttribution: Creativei commented

has there been any progress on this- I love this theme but it is not showing properly in lower resolution screens- this is hands down the the nicest themes I have seen..... heavy sigh-

add1sun’s picture

add1sun CreditAttribution: add1sun commented
Priority: Critical » Normal
Status: Active » Needs review
FileSize
deco-admin-overflow_179186-9.patch476 bytes

This is caused by the overflow: hidden; placed on the #squeeze div for content, which of course IE6 ignores. ;-) Here is a patch that makes overflow visible when on admin pages. Not sure if this is the best solution, but it is certainly the simplest one and would probably handle most use cases.

i'm setting this to normal priority because this kind of thing is what the Administration theme setting was added for. You can use a diff theme in admin areas to "get work done."

add1sun’s picture

add1sun CreditAttribution: add1sun commented

I'm still not sure that this is the way to go. I'm tempted to won't fix this and if folks have problems with tables getting clipped on admin screens, they should use an admin theme. By letting the tables run over the columns, we just end up in a situation that looks like you can click things but it will lie "under" the blocks in the sidebar so you still can't click if there is a block in the way (it is fine if no blocks are there.) I don't think it is worth completely reworking the CSS for this since Drupal core provides a way to deal with this.

ScoutBaker’s picture

ScoutBaker CreditAttribution: ScoutBaker commented

Rather than marking this as won't fix, it would seem better to make this a documentation issue for the theme and add a note to the readme file. It could be something as simple as, "Use an Admin theme unless your screen resolution is >1024x768." That way everyone will know that we are aware of this, and that the design of the theme requires a high resolution (at least for admin).

Steel Rat’s picture

Steel Rat CreditAttribution: Steel Rat commented

There are other issues with this as well. I run Gallery2 embedded, and when an image in Gallery2 is wider than the content area it simply gets truncated instead of the right side flowing with the content. I have no right sidebars in use at all. This is with Drupal 5.9...

Daryljames’s picture

Daryljames CreditAttribution: Daryljames commented

I am seeing the same thing as steel rat with 5.10

ScoutBaker’s picture

ScoutBaker CreditAttribution: ScoutBaker commented

Marked #329996: Right sidebar obscures content in small windows as a duplicate.

stmind’s picture

stmind CreditAttribution: stmind commented

Hi, I posted #329996: Right sidebar obscures content in small windows. Sorry for the dupe. I read this thread, but it didn't sound like my issue at first.

I'm seeing this issue in all areas of my site, not just the admin screen. The patch, when applied more generally:

#squeeze {
  overflow: visible;
}

...does bring video or photos above the right sidebar, but the sidebar still moves under them, when it should be bound to the right of them. Any tips for keeping the right sidebar to the right of all content?

Thanks.

zmlewek’s picture

zmlewek CreditAttribution: zmlewek commented

I would have to say the overflow patch is worthless. Why would you want your content to overflow onto the sidebar(s)?

This has got to be the only real problem causing me to not use the theme. I hope someone can figure out a real fix for setting a fixed width. I'll see if I can come up with something...

Steel Rat’s picture

Steel Rat CreditAttribution: Steel Rat commented

I have to agree. I switched back to a different theme due to the flow problems with the right side.

geekgirlweb’s picture

geekgirlweb CreditAttribution: geekgirlweb commented

This is still an active issue unfortunately. I am sad to say so because this is such a great theme, I just wish there was a solution to fix this.

attheshow’s picture

attheshow CreditAttribution: attheshow commented
Version: 5.x-1.x-dev » 6.x-1.1

Subscribing.

c31ck’s picture

c31ck CreditAttribution: c31ck commented
Assigned: klaasvw » Unassigned
Status: Needs review » Closed (won't fix)

As it has been 4 years since the original report and using an admin theme fixes most of these problems, I agree with add1sun that this is a wontfix. As ScoutBaker suggested in #11, I documented this in README.TXT under 'Known issues'.