Tabele, marginesy itp. Opcje

[AZPR]

ulad strony wygalda tak:

http://www.fotosik.pl/pokaz_obrazek/k1wt2ynzrxx3gnkp.html

kolor granatowy:

jest to tło strony

Kod

  background-image:url(img/i1.png);

aby tabelka "odstawała" od krawedzi przegladarki zastosowałem

Kod

padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;

wiadomo działa

nastepnie kolor jasnoniebieski

jest to tabela o takich prarametrach css

Kod

padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;

a w html

Kod

<TABLE class="glowne" BORDER="0" CELLSPACING="0">

<TR>
<TD class="M1" COLSPAN="2" VALIGN="middle"><DIV class="belka">M1</DIV></TD>
</TR>

<TR>


<TR>
  <TD  class="M2"><table bgcolor="#FFFFFF"id="mm_mg5">
    <tr>
      <th><p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p>
        <p>&nbsp;</p></th>
    </tr>
  </table></TD>
</TR>
</TABLE>


</TABLE>

kolor czerowny w css

Kod

#mm_mg5 {

width: 100%;

border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;

ok jest dziala ale jak zrobic aby ta czerwona ramka [mm_mg5] była "wtopiona" w tabele jasnoniebieska z margenisami? tak aby to wygladalo jak na rysunku...

jak dodam do css [#mm_mg5] cos takiego

Kod

padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;

albo

margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 20px;

to mi to nic nie daje...