empty div not rendering in IE and Firefox

  • jrcollins

    (@jrcollins)


    11 years, 9 months ago

    I’m trying to increase the height of my page by adding an empty div below the content. I have set the height to 150px and width to 100% which works fine in Chrome but not in IE and Firefox.

Viewing 1 replies (of 1 total)
  • Pioneer Web Design

    (@swansonphotos)

    11 years, 9 months ago

    The CSS height property is supported by all major browsers. In this examaple, if we edit:

    p.ex
{
height:100px;
width:100px;
}

    to:

    p.ex
{
height:200px;
width:100px;
}

    we get a large white space at the bottom of this element. SO: instead of attempting an empty div, one may apply style to the div or element just above. As margin is often used, review this edit:

    p.ex
{
height:100px;
width:100px;
margin:100px;
}

Viewing 1 replies (of 1 total)
  • The topic ‘empty div not rendering in IE and Firefox’ is closed to new replies.