WordPress.org

1. sommernyte
   Member
   Posted 1 year ago #

   I have been working on a major site overhaul for months. It is finally going live today (started the DNS propogation last night) and horror of horrors, along the way, I tweaked something that broke the site in IE. :(

   In FF, the left and right columns float next to each other in bliss, but in IE, the left is now dropping below the right and I'm not sure at what point I messed up the CSS to cause this.

   You'll also notice the search bar at the top that is supposed to be in the black line is floating below.

   I am working hard to solve the problem, but you guys are so good and so fast that I thought I would post here for some help in the meantime.

   The site is http://www.bellingham.org (if you see a site with loud colors and a turquoise background, you're seeing the old one, unfortunately).

2. Andrei Olsen
   Member
   Posted 1 year ago #

   sidebarhome is 300+20px and mainContent is 620+(20+20 padding)+10(right magin). 320+670=990px, while your container is 980px. So, change width of your mainContent to 610px.

   Search looks fine in IE8, but not in IE7. You can add a negative top margin to your div containing search bar and target IE7 only with somethin like this

   <!--[if IE 7]>
   <link rel="stylesheet" type="text/css" href="ie7.css">
   <![endif]-->

3. sommernyte
   Member
   Posted 1 year ago #

   Ahhhh.... I love you! I've fixed the left column issue. :)

   However, I'm using IE 8 right now (8.0.7600.16385) and the search bar appears wrong there?

4. sommernyte
   Member
   Posted 1 year ago #

   And the last one I've been fighting is at the bottom, below the Facebook and other blocks, the grey ends and there's white before the black starts. I've not been able to close that space for the life of me!

   I wish I was so good with CSS as some of you. :)

5. Andrei Olsen
   Member
   Posted 1 year ago #

   I guess MS fixed a bug in your build :)

   Anyhow, this also happens in Chrome, so I took a look at the code and your problem again is that the sizes don't match. You'll need to either reduce searchbox's width or the spacer image width that comes right before (from 67px to 63px).

   And regarding the footer: Remove <p>&nbsp;</p> that you have between socialmedia-div and the footer-div.

   EDIT: One more thing, it looks like you have an empty line before the doctype, get rid of it or any white-space. I think some IE versions switch to quirks mode because of it.

6. sommernyte
   Member
   Posted 1 year ago #

   Got the footer. And on the search bar, I will have to wait to fix it... the laptop I was able to replicate the problem on just died and I don't have the power cord! :)

   Now I have other things to fix... the joys of a web site launch. :)

   I sincerely appreciate your help today! You rock!!!

7. sommernyte
   Member
   Posted 1 year ago #

   Hey, thanks again for your previous help. I still can't seem to fix the mysterious floating search box. I reduced the space width with no luck. Need to go back and re-check my addition. :)

8. Andrei Olsen
   Member
   Posted 1 year ago #

   Hello! I think the easiest would be to wrap your links, everything until searchwrapper-div inside mainnav, in a div and float it to the left.

9. sommernyte
   Member
   Posted 1 year ago #

   You are my HERO! Thank you. :)

Topic Closed

This topic has been closed to new replies.