I've been customizing a theme for my site http://www.toddalbert.com/ based on the Friendslight and Spreadfirefox themes. The site is starting to look okay in Firefox, but in IE the right sidebar leaps off the page every time I hover over a link in the main content area. I don't see why this is happening. I'm not a CSS guru, but I assume this is some IE CSS bug. Anyone have a suggestion?

Thanks,
Todd

Comments

coreyp_1’s picture

Let me start off by saying that I have no idea how to fix this yet, but I do have a few observations:

  1. This only happens on the first page. Browse to the second page, and it doesn't happen
  2. it looks more like the right bar is getting "pushed" off the screen, perhaps by the quote element?
    On the second screen, though, there is a quote element, but it does not exhibit this behavior (lower right quote moving to the far right).
  3. there is a difference between the inline style tags of these two quotes, but it is just the absence/presence of whitespace.

In short, this is what I would do:

  1. disable the style sheets one by one to see which one is causing the problem. change the name on the server (temporarily) if you must, but find out which one is causing the problems.
  2. When you narrow it down to the offending style sheet, begin deleting parts of it, until you find the offending part. Oh, yeah... make a backup first.
  3. Come back here and tell us what you found out, because I'm kind of curious what's causing it, too!
  4. when you do, make sure that you use plenty of <ol>'s and <li>'s, because it makes people think you're organized.

Good luck, and sorry I couldn't be of more assistance.

ob3ron’s picture

Hi Todd --

Usually when I see weird problems like this the first thing I do is validate my HTML. If you have a good HTML editor it will have this built in, or you can go to http://validator.w3.org/ and run your site through that.

I did a quick check, and noticed several problems (you can ignore things like missing alt-tags for now). You open a paragraph within another paragraph on line 145, for example.

I'm not sure whether the cause is within your template or your node content, or both, but if you fix those HTML errors, you have a 96.4% chance of getting rid of the problem.

Hope that does it!
Arvana
http://arvanadesign.com

toddgator’s picture

I assumed the problem was with the style sheet or template, not a NODE! It was those quote blocks that I had inserted. They were nested paragraphs which did not work as expected.

Here's a UL for coreyp. When your having trouble with your Drupal site:

  • Check to see that the problem is on more than one page!
  • If the problem only occurs on some pages, check to see if it might be one of your posts (nodes).

Thanks for your help. As you can see by the fact that I only viewed the homepage in IE, I am not a big fan of the browser!

Cheers,
Todd

Get a free Mac Mini! | Unlimited templates and graphics | Web Hosting | Instant PHP websites