Member Avatar for evis

Hi All,

I'm trying to figure out what's making to this annoying problem and I can't find out!!!

In FireFox everything works great, but in IE when I move the mouse over (hover command) on the "green" horizontal menu, the content div is shrinking.

Somehow, on the main page it's not happening, but just in the inside pages it's happening.

the URL is:

can anyone check this thing for me please?

the styles files here:

Thanks in advance,
eVi.

  • 1 Contributor
  • 1 Reply
  • 80 Views
  • 9 Hours Discussion Span
  • Latest Post Latest Post by evis

Dani AI

Generated

Classic float-containment behavior. What fixed by inserting a clearing element is exactly what was needed: the wrapper around the sidebar/content wasn't containing floated children, so a small reflow on hover made IE recompute heights and the content area looked like it "shrunk." The reason the front page behaved differently is almost always a difference in markup or an already-contained float on that template.

Better, more maintainable fixes (avoid empty clearing elements in the HTML):

  • Add a CSS clearfix to the container that holds the floated sidebar and content.
  • Alternatively, give the container overflow: auto/hidden (watch for unwanted scrollbars or clipped dropdowns).
  • For very old IE, zoom: 1 on the container forces layout and fixes containment.

A compact, robust clearfix keeps markup semantic and works across browsers. Quick troubleshooting steps: give the wrapper a temporary background color to see whether it expands to contain floats; disable hover rules that add borders/margins to the menu to see whether those trigger the reflow; check for missing closing tags or inconsistent templates between pages. For long-term layout work, consider replacing float-based layouts with Flexbox or Grid to avoid these containment issues altogether.

More detailed background and a popular clearfix pattern: Micro clearfix hack and MDN on block formatting contexts and floats: Block formatting context / floats.

Member Avatar for evis

Yeayyyyyyyyyyyyy! I GOT IT!

I just had to add <div class="clear"></div> after the <?php get_sidebar(); ?> before the <?php get_footer(); ?>

THANKS FOR THE HELP DUDE!!!!

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.