Maybe it's the fact that I didn't even read anything about it before using it, but I'm really hating CSS right now. I'm trying to create the table that's on the attached picture. For some reason, I can align that table to the address bar on Firefox but not on IE6 (ie. there's a small gap between the address bar and the table), and I can align it on IE6 but not on Firefox, but never both
This is the css bit:
and here is the html:
Right now it works on Firefox but not on IE6. The body has a margin of 0. I'm a C# developer but somehow I find CSS to be extremely cryptic (in its use not its syntax), or maybe I just need to get some sleep. What am I doing wrong? pleas help me, thanks
This is the css bit:
Code:
div.CenteredMenu
{
text-align: center;
}
div.CenteredMenu table
{
margin-top: 0px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.Menu
{
display: block;
font-weight: bold;
vertical-align: sub;
width: 600px;
color: white;
font-family: Verdana;
height: 25px;
background-color: dimgray;
text-align: center;
}
Code:
<div class="CenteredMenu">
<table class="Menu">
<tr>
<td>Some text</td>
</tr>
</table>
</div>