WordPress.org

1. Schoofs
   Member
   Posted 4 months ago #

   Hello!

   I'm experiencing display discrepancies in Mozilla Firefox. Everything appears to be fine in Internet Explorer, which I find kind of odd.. After searching through the forum for a couple days it seems that it is usually the other way around! The index and post pages are validated and can be found here:

   
   Politablog

   This is a new venture for me and I have really enjoyed the learning process that I have gone through setting up the site and debugging the 300+ validation errors that I originally had! :) It took a few weeks, but I am down to 0 errors on my index and posts pages.

   There are a couple problems I was not able to resolve however. These issues appear to only be displayed in Firefox:

   - On the index page, the whole "sidebar area" is dropped down starting at the subscriber section. I've tried making the "sidebar area" width smaller than the main div width by increments and some other tactics but to no avail.

   - The ACTUAL sidebar is dropped below the rest of the "sidebar area".

   - There is a tall side image (reformasi-07b) to the right of the "sidebar area" which is also dropped.

   - Near the bottom, there is a section to the right of the 336x280 Adsense Ad. Here, the header "Articles" (white text, can't see) is dropped down as well as its sub points.

   - It also seems that sometimes my content on different pages drops as well, but it is not consistent! (As well as feature gallery down the center of the index, but not all the time for some reason).

   This is a great community and everyone is so helpful. I greatly, greatly appreciate any advice that could be given or direction to be pointed in!

   Regards,

   Dave
   Politablog

2. esmi
   Member
   Posted 4 months ago #

   I have gone through setting up the site and debugging the 300+ validation errors that I originally had!

   Way to go, you! The things you've learnt during this process will really help you long term, Trust me on dis! :-)

   What I'd suggest you do now is focus all of your attention of getting the design sorted in Firefox. Ignore IE for now. It's quirks can be catered for later. Consider installing the Firebug add-on for Firefox too. It can be invaluable for pinning down CSS issues and trying styling on the fly.

   Unfortunately, I suspect that you may to re-think your whole design approach to get this theme working properly. For example using Firebug, when I try to focus in on the top of your (right-hand) sidebar, the focus block appears on the left (over your content). That suggests, to me, that something's seriously amiss in the basic layout that needs sorting out.

   For example, I'd suggest that you don't rely on display:table-row for a layout just yet. It's poorly supported cross-browser.

3. iridiax
   Member
   Posted 4 months ago #

   Try disabling the sidebar login widget (it is too wide in my Firefox).

4. Schoofs
   Member
   Posted 4 months ago #

   Thanks @esmi! I'm not going to lie it was a little intimidating at first but it was very rewarding to get those corrected! ;-)

   I switched over to FF. I think this will be a permanent change for me as far as editing/designing and whatnot, especially after downloading the Firebug extension.

   WOW.

   This is such an amazing tool! I'm going to play around with it more but I can see what you are saying. It seems the focus of the "sidebar area" when inspected is directed to the other side of the page.. Appears to be a CSS issue from what I gather?? I'm going to keep looking over everything with Firebug and do some investigating as well as find a command(s) that is more browser friendly and could be substituted for 'display:table-row'. Try and pull this together..

   I would really not like to scrap the whole thing if possible! : )

   @iridiax,
   I tried deactivating that plugin and refreshing after clearing my cache but no change. After that, I repeated that process one at a time with the other plugins to see if I could pinpoint the issue but that didn't work out.

   Thanks guys!!!!

5. Schoofs
   Member
   Posted 4 months ago #

   Update:

   Using Firebug and the 'layout' option there appears to be a offset of 889 pixels above the sidebar. Would this would make sense why the sidebar is dropped down?? I would think, but I'm not able to find any attributes or characters referring to 'offset' in my CSS. Any idea of where i would be able to address that?

6. Schoofs
   Member
   Posted 4 months ago #

   Update:

   The sidebar is up! I went through and changed some of the 'display:table-row' to block, 'display:block'. That did the trick!

   Thanks @esmi!!!

Reply

You must log in to post.