ThemeShaper Forums » Thematic


clear header float

(3 posts)
  • Started 12 years ago by greenandi
  • Latest reply from greenandi
  • This topic is resolved
  1. hi guys,

    how to clear floats on div header?
    here's my css

    #header { clear: both; overflow: hidden; width: 940px; margin: 0 auto; padding: 0; }
    #access { float: right; width: 300px; border-bottom: 0 none; }
    #branding { padding: 0; float: left; width: 400px; }

    on #header the overflow:hidden makes my drop-down menu half hidden. if i change overflow:visible it makes the content scroll to the right but it fixes the drop-down menu.

    Posted 12 years ago #
  2. if you can post a link that usually helps us help you

    Posted 12 years ago #
  3. it solved.
    there's a .menu class with margin: 0 auto; and width: 940px. i re-css them. margin: 0; width: inherit;(inherit to parent's width - the div#access). <<<< how to disable the width to 0 (zero), im not sure to use inherit or auto.

    to clear the float, i used add action function <div class="clear"></div>, clear:both. insert this action after div#access.

    sorry, Im Indonesian, my English is rusty.

    Posted 12 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.