Div after Table

Hello expert,

Have several <DIV>s that are positioned using statements like
Style="position: absolute; left: 10px; top: 100px

Then a table.

Then a last <DIV>  that has a link to the main page.
Abbreviated version of the page copied herewith below.

Have positioned the last <DIV> beneath the table using
the Style="position method but every time an addition
to the table is made the position of the last <DIV> has
to be lowered to get it off the table and below the table.

Tried putting the table in a <DIV> by itself hoping that
the last<DIV> would fall in line after the table <DIV>.
No luck. The last<DIV> still writes over the graphic at the very top.

How to make the  last<DIV> write after the table or after the table <DIV>?

Thanks.

Allen in Dallas

++++++++++++begin HTML/CSS++++++++++++++++++

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882">
<HEAD>
<TITLE>Customer Application and Interface Inventory</TITLE>
<STYLE>
</STYLE>
</HEAD>

<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#000080" VLINK="#800000" ALINK="#FF00FF">
<DIV style="position: absolute; left: 20px; top: 15px; height: 150px;"> <img src="https://teams.concentra.com/InformationServices/ProductManagement/CustomerManagement/CCM/SiteAssets/images/Concentra_logo_150x100.jpg"></DIV>
<DIV style="position: absolute; left: 800px; top: 10px;"> <img src="https://teams.concentra.com/InformationServices/ProductManagement/CustomerManagement/CCM/SiteAssets/images/select-medical.jpg"></DIV>
<DIV style="position: absolute; left: 20px; top: 60px; font-weight: Bold; font-size: 20px">Customer Application and Interface Inventory </DIV>
<DIV>
<TABLE ALIGN="left" BORDER=1 CELLSPACING=0 CELLPADDING=3 width= 1000px; style="position: absolute; left: 10px; top: 100px; background-color: #C1C2FFF;">
<TR ALIGN="left" VALIGN="middle">
      <TD align="middle" CLASS="COLHEAD"> Name</TD>
      <TD align="middle" CLASS="COLHEAD"> Description</TD>
      <TD align="middle" CLASS="COLHEAD"> Release</TD>
      <TD align="middle" CLASS="COLHEAD"> Version</TD>
      <TD align="middle" CLASS="COLHEAD"> Build</TD>
    <TD align="middle" CLASS="COLHEAD"> Build Date</TD>
</TR>
<TR CLASS="COLSPAN">
    <!-- blue band across --> <TD colspan="6">Products</TD>        </TR>
</TABLE>
</DIV>
<!--<DIV style="position: absolute; left: 10px; top: 1380px;">-->
<DIV style="position: absolute; left: 10px;">
<A href="https://teams.concentra.com/InformationServices/ProductManagement/CustomerManagement/Connection_2/Connections.htm" target = "new"> Back to Connections page</A>
</DIV>
</BODY>
</HTML>

++++++++++++end HTML/CSS++++++++++++++++++
Allen PittsBusiness analystAsked:
Who is Participating?
 
Juana VillaFront-end DeveloperCommented:
Hi,

Is there a reason you are using position absolute? I don't recommend to use position absolute unless necessary. When you use position absolute you remove that element from the layout and tell it to be position based on the page. I removed all the position absolute and used instead display inline-block.

Here is the code sample I hope it helps. Let me know if you have more questions.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.