div float problem or IE hack needed?

  • Resolved emanoelmelo

    (@emanoelmelo)


    16 years, 7 months ago

    Hi

    I’m having a problem to convert the Solemnity template (http://www.sixshootermedia.com/free-templates/free-css-template-solemnity) to wordpress theme.
    This is the link: http://www.oficinapublicidade.com/assumpcao
    As you can see, in FF the sidebar is longer than the content box. That is why the content box (black border) is shorter than should be. It needs to follow the sidebar height, but is not. Maybe because the sidebar is floated right?
    In IE the problem is more weird. Visit here:

    http://www.oficinapublicidade.com/assumpcao/?cat=1
    The height is ok until you click on the post title (Bem-vindo), the is just cuts of also the sidebar! But when you click on the navigation links (top right), the height comes back to normal! I’m going crazy!!!! Maybe you that are more experient can help me out, please?
    To help you guys see what is going on, i highlighted most of the divs, so whe have:

    red – wrapper1
    green – footer
    top-blue – header (does someone knows why the content is not IN this div?)
    black – container
    yellow – description
    blue – sidebar

    I guess the problem is in the ‘container’ div, cause the total height is determined according to his. Someone told me that is because he is cleared to both and cleared elements do that stuff. But i’ve tryed some tricks and hacks found on the web and had no sucess.
    Another issue is the top and bottom margin on the wrapper1 element, that shouldnt exists but is appearing on IE (6).
    Can you guys help me to find a fix for this problems?

Viewing 3 replies - 1 through 3 (of 3 total)
  • peiqinglong

    (@peiqinglong)

    16 years, 7 months ago

    In css for the footer, add clear: both;

    Thread Starter emanoelmelo

    (@emanoelmelo)

    16 years, 7 months ago

    Thank you, peiqinglong, but this worked just to push the footer down. Still in IE it has a margin from the wrapper1 div that wasnt there, and in FF the wrappers are not fitting to the sidebar size =/

    Thread Starter emanoelmelo

    (@emanoelmelo)

    16 years, 7 months ago

    I solved it just putting a clearing div at the bottom and inside the wrapper2 div, with 1px height, like this:

    <div style=”clear:both;height:1px;”></div>

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘div float problem or IE hack needed?’ is closed to new replies.