Coding web pages

From MyWebber Wiki

Jump to: navigation, search

Height problem with float in Firefox

The "wrapper" div in this scenario does not extend to the bottom of the inner div... 

<body>
  <div id="wrapper">
    <p>Hello World</p>
    <div style="float: left;background-color: red;"><img src="somepic.jpg" width="600" height="400" border="0" /></div>
  </div>
</body>

so, you must give it a style rule for 'overflow': 

#wrapper { overflow: auto; }
Retrieved from "http://wiki.mywebber.com/mediawiki/index.php/Coding_web_pages"
Personal tools