Sat, 2004-02-21 06:57
Hi
trying to set margin-right in a table. Top - bottom and left margin shows like a charm.. but when setting right-margin its just ignored.
(In the example included the margins are set to 10 but originaly i just want 1px at the right and left)
This table is inside anotherone, displaying all css that is involved.
Anyone knows what stupid mistake I am doing?
the page example:
<html>
<head>
<title>example</title>
<link href="CSS/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="700" border="1" cellpadding="0" cellspacing="0">
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="subnavbar">
<tr>
<td>hallo!</td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
And the css page, style.css
body {
font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
font-size: 10px;
background-color: #f1f5fc;
margin: 0px;
padding: 0px;
}
.subnavbar {
background-color: #99B3E9;
padding: 2px 20px 2px 25px;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #000066;
border-bottom-color: #000066;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 10px;
font-size: 10px;
margin-top: 10px;
}
Fri, 2004-02-27 13:08
#1
table and margins, problem
Not sure why, but you could try padding in the containing table instead.
Couldn't help myself but here is a rewrite
.subnavbar {
background-color: #99B3E9;
padding: 2px 20px 2px 25px;
border-top: 1px solid #000066;
border-bottom: 1px solid #000066;
margin: 10px;
font-size: 10px;
}
Regards
Day