Admittedly, this should be quick.

<div style="display:block; clear:both">
    <object data="foo.pdf" type="application/pdf" width="415" height="500"/>
    <object data="bar.pdf" type="application/pdf" width="415" height="500"/>
</div>  

<div align="center" style="display:block">
    <input type="submit" value="Back"/>
</div>

The input button is showing up under (covered by) the two PDFs. As in, maybe 10 pixels from the top, not 500+. What am I doing wrong? I thought display:block on the first DIV should force the second DIV under it?

1 answer

Guffa 316
2
points
This was chosen as the best answer

A div element is a block element by default, so the display:block; doesn't change anything at all.

You can't use a self closing tag for object, it has to have a separate closing </object> tag.

Answered about 7 years ago by Guffa
  • Thank you very much! Figured display:block wasn't doing anything, but had run out of ideas to try at that point. Closing the object tag separately did the trick. Dean J about 7 years ago