Avatar billede widtfeldt Nybegynder
14. januar 2002 - 18:13 Der er 8 kommentarer og
1 løsning

CSS, HTML og tabeller

Jeg er ved at lave en side og er løbet ind i et problem.

Jeg vil gerne have en tabel på 640 * 480 centeret på min side. Sådan den bliver centeret, lige meget hvilken opløsning siden bliver vist i.

Jeg bruger en css fil som er følgende :
body {
    background-color: #00,99,33;
    background-repeat: no-repeat;
    background-attachment: fixed;   
        font-family: \"Ariel\", serif;
       

}

   
div    {
    border: 1px solid black;
    background: #009933;
    width:640px;
    height:480px;
    position:relative;
    left:10%;
    right:50%;
   
}

Min skærmopløsning er er i 1024*768, men når jeg køre ned i 800*600 kommer min tabel over i højre side at stå.

Hvad skal der gøres.

Jeg kunne godt tænke mig et konkret eksempel der virker, og som jeg må arbejde vider på.

Tak for hjælpen
Avatar billede callesen Praktikant
14. januar 2002 - 18:19 #1
Denne tabel bliver centreret:
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<HTML>
<HEAD>
<!-- Minus AutoDato -->
    <TITLE>[Ingen titel]</TITLE>
<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3\">

<STYLE TYPE=\"text/css\">
TABLE {
    height:100%;
    text-align:center;
}

</STYLE>
</Head>
<body style=\"margin:10%;\">
<div style=\"text-align:center;\">
<table width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" bgcolor=\"#808080\">
<tr>
<td>
    <table width=\"300px\" height=\"130px\" cellpadding=\"2\" cellspacing=\"0\" border=\"0\" bgcolor=\"#000000\">
    <tr>
    <td>
        <table width=\"640px\" height=\"480px\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" bgcolor=\"#ffffff\">
        <tr>
        <td style=\"text-align:center\">CSS-HTML</td>
        </tr>
        </table>
    </td>
    </tr>
    </table>
</td>
</tr>
</table>
</div>
</body>
</HTML>
Avatar billede zred Nybegynder
14. januar 2002 - 18:19 #2
<html>
<head>
<body>
<table width=\"størrelsen\" height=\"størrelsen\" border=\"1\" bodercolor=\"000000\">
<tr>
<td>Tekst..
</td>
</tr>
</table>
</center>
</body>
</html>
Avatar billede ckh Nybegynder
14. januar 2002 - 18:19 #3
Prøv at rode lidt med det her........du skal lige indstille målene

body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: verdana, arial, helvetica, sans-serif;
    color: black;
    background-color: #333;
    text-align: center;
    /* part 1 of 2 centering hack */
    }
#content {
    width: 400px;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;    
    /* opera does not like \'margin:20px auto\' */
    background: #666;
    border: 5px solid #ccc;
    text-align:left;
    /* part 2 of 2 centering hack */
    width: 400px; /* ie5win fudge begins */
    voice-family: \"\\\"}\\\"\";
    voice-family:inherit;
    width: 370px;
    }
html>body #content {
    width: 370px; /* ie5win fudge ends */
    }

Avatar billede zred Nybegynder
14. januar 2002 - 18:20 #4
Mit var da meget nemmere

;)
Avatar billede zred Nybegynder
14. januar 2002 - 18:20 #5
<html>
<head>
<body>
<center>
<table width=\"størrelsen\" height=\"størrelsen\" border=\"1\" bodercolor=\"000000\">
<tr>
<td>Tekst..
</td>
</tr>
</table>
</center>
</body>
</html>

Sårn ;)
Avatar billede ckh Nybegynder
14. januar 2002 - 18:22 #6
......men mit virker uden brug af tabeller......skulle det ikke være i css da ? :)
Avatar billede callesen Praktikant
14. januar 2002 - 18:24 #7
Jeg fik klippet og klistret forkert - igen:
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<HTML>
<HEAD>
<!-- Minus AutoDato -->
    <TITLE>[Ingen titel]</TITLE>
<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3\">

<STYLE TYPE=\"text/css\">
TABLE {
    height:100%;
    text-align:center;
}

</STYLE>
</Head>
<body style=\"margin:10%;\">
<div style=\"text-align:center;\"> 
<table width=\"640px\" height=\"480px\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" bgcolor=\"#cccccc\">
    <tr>
    <td>&nbsp;</td>
    </tr>
    </table>
</div>
</body>
</HTML>
Jeg skulle lige prøve med tabel i tabel - undskyld.
Avatar billede zred Nybegynder
14. januar 2002 - 18:25 #8
overskriften - inderholder oxo tabeller :P

og btw - i mit forslag skal der lige skrives bordercolor ikke bodercolor ;)
Avatar billede werd Nybegynder
14. januar 2002 - 20:03 #9
skal den også centreres lodret eller er det kun vandret?
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