AnsweredAssumed Answered

Divs overlap when resizing...How to I prevent this?

Question asked by Robin Bagent on Aug 17, 2018
Latest reply on Aug 18, 2018 by Gideon Williams

I'm loving being able to use div tags instead of tables, but when I resize the page the items overlap. How can I prevent this? Here is my code:

<div style="float: left; width: 50%;">
<table style="height: 156px; border-style: solid; width: 322px;" border="1" width="330" cellspacing="0" cellpadding="10">
<tbody>
<tr style="height: 21px;">
<th style="background-color: #1167dc; color: #ffffff; height: 21px; width: 299.333px; text-align: center;">New Stuff</th>
</tr>
<tr style="height: 22px;">
<td style="height: 22px; width: 315.333px; text-align: center;">
<p><a class=" inline_disabled" href="https://youtu.be/KYOUgDOTYzw">Merge/Cross List Canvas Courses</a></p>
<p><a class=" inline_disabled" href="https://youtu.be/4gykINck4wo">Add Box Images to Canvas Dashboard</a></p>
</td>
</tr>
</tbody>
</table>
</div>
<div style="float: left; width: 50%;">
<table style="height: 136px; border-style: solid;" border="1" width="320" cellspacing="0" cellpadding="10">
<tbody>
<tr style="height: 21px;">
<th style="background-color: #a52d57; color: #ffffff; height: 21px; width: 298px; text-align: center;">Learning Communities</th>
</tr>
<tr style="height: 22px;">
<td style="height: 22px; width: 314px; text-align: center;">
<p><a href="https://csi.instructure.com/groups/2217">Best Practices Community</a></p>
<p><a href="https://csi.instructure.com/groups/2216">Problem Solving Community</a></p>
</td>
</tr>
</tbody>
</table>
</div>

 

Thank you in advance.

 

Robin

Outcomes