Avatar billede hoejgaard Juniormester
19. april 2007 - 00:55 Der er 3 kommentarer og
1 løsning

problem med centrering ved fast bredde

Jeg har et problem med at få en tabel centreret på siden ved breddeangivelse i px.. Jeg vil gerne ha at tabellen har en fast bredde på 782 px, men såsnart jeg ændre fra width="100%" går det galt, og tabellen flytter lidt til venstre på siden..Håber nogen kan hjælpe her..

Her er koden :

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
  <STYLE TYPE="text/css">
    html,body{height:100%; margin:0; padding:0;}
    body {background: #333333;}
    .table1 {width:100%;
            height:100%;
            border:0;
            }
  </STYLE>

</head>
<body>
  <table class="table1" cellspacing="0" cellpadding="0" align="center">
  <tr><td height="100%" align="center">
    <table width="100%" cellspacing="0" cellpadding="0" align="center">
    <tr>
        <td width="782px" align="center">
          <table width="100%" cellspacing="0" cellpadding="0">
          <tr><td align="center">bokstop</td></tr>
          </table>
          <table width="100%" cellspacing="0" cellpadding="0">
          <tr><td colspan="4">&nbsp;</td></tr>
          <tr><td colspan="4">&nbsp;</td></tr>
          <tr><td width="2%">&nbsp;</td>
              <td class="td3">
                  <table width="100%" cellspacing="0" cellpadding="0">
                        <tr><td class="td26" align="center">boksvenstre</td></tr>
                  </table>
              </td>
              <td width="2%">&nbsp;</td>
              <td width="46%">
                  <table width="100%" cellspacing="0" cellpadding="0">
                    <tr><td align="center">bokshøjre</td></tr>
                  </table>
              </td>
          </tr>
          </table><br><br>
          <table width="100%" cellspacing="0" cellpadding="0">
          <tr><td align="center">boksbund</td></tr>
          </table>

        </td>
       
    </tr>
    </table> 
  </td></tr>
  </table>
</body>
</html>
Avatar billede roenving Novice
19. april 2007 - 01:12 #1
Er det sådan noget, du vil:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
  <style type="text/css">
    html,body{height:100%; margin:0; padding:0;}
    body {background: #333333;}
    .table1 {width:782px;
            height:100%;
            border:0;
            margin:0 auto;
            border-collapse:collapse;
            background:#ddd;
    }
    .table1 table{width:100%;}
    .table1 td{margin:0;border:0;text-align:center;}
  </style>

</head>
<body>
  <table class="table1">
    <tr>
        <td width="782px">
          <table>
          <tr><td>bokstop</td></tr>
          </table>
          <table>
          <tr><td colspan="4">&nbsp;</td></tr>
          <tr><td colspan="4">&nbsp;</td></tr>
          <tr><td width="2%">&nbsp;</td>
              <td class="td3">
                  <table>
                        <tr><td class="td26">boksvenstre</td></tr>
                  </table>
              </td>
              <td width="2%">&nbsp;</td>
              <td width="46%">
                  <table>
                    <tr><td>bokshøjre</td></tr>
                  </table>
              </td>
          </tr>
          </table><br><br>
          <table>
          <tr><td>boksbund</td></tr>
    </table> 
  </td></tr>
  </table>
</body>
</html>
Avatar billede hoejgaard Juniormester
19. april 2007 - 01:56 #2
Ja det er det præcis..
Hvordan kan der være to width angivelser på .table1  ??
Avatar billede roenving Novice
19. april 2007 - 02:09 #3
.table1{} hentyder til selve det element, der har klassen table1 ...

.table1 table{} betyder tabeller, der ligger inde i det element (og jeg gad ik' li'e at bygge hele din kode om, så det var et hack for at undgå alle de gammeldags html-properties !-)

Normalt vil en property, der er skrevet senere i læserækkefølgen overskrive en tidligere angivet, hvis et element kan matche begge de brugte selektorer, men det er altså ikke tilfældet her !o]

-- els velbekomme '-)
Avatar billede roenving Novice
20. april 2007 - 00:02 #4
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester