Closed Bug 369730 Opened 17 years ago Closed 17 years ago

Border is not looking good inside a div.

Categories

(Firefox :: General, defect)

defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 155955

People

(Reporter: smatei, Unassigned)

References

()

Details

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

The second table, the one inside the div, does not look good.
This is the code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
               "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>title</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
table {
    border-spacing: 0px;
    border-collapse: collapse;
}
td {
    margin: 0px;
    padding: 0px;
}

.section_table {
	border : medium solid #006699;
}

.content_section {
    width: 100%;
    overflow: auto;
    /*it needs this padding to look good*/
    /*padding: 2px 0 2px 2px;*/
}

</style>
<body>

<table class="section_table">
<tr>
<td>
gigi
</td>
</tr>
</table>

<br>

<div class="content_section">
<table class="section_table">
<tr>
<td>
gigi
</td>
</tr>
</table>
</div>


</body>
</html>

Reproducible: Always

Steps to Reproduce:
1.Just load the html
2.
3.
Actual Results:  
Margins for the second table do not look good (opera and internet explorer display the margin well).
Status: UNCONFIRMED → RESOLVED
Closed: 17 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.