Søg
Avatar billede martin_moth Mester
20. december 2002 - 13:36 Der er 14 kommentarer og
1 løsning

centrerer tabel midt på siden

Hvordan gøres det - centrerer en tabel så den står midt på siden. Sidecærs er nemt klaret, men op/ned?

<html>
<head></head>
<body>
  <table width="400" height="100" align="center" border="1">
  <tr>
    <td>Dette skal stå midt på siden</td>
  </tr>
  </table>
</body>
</html>
Avatar billede sthen Nybegynder
20. december 2002 - 13:39 #1
<html>
<head></head>
<body>
<center>
  <table width="400" height="100" border="1">
  <tr>
    <td>Dette skal stå midt på siden</td>
  </tr>
  </table>
</center>
</body>
</html>
Avatar billede sthen Nybegynder
20. december 2002 - 13:46 #2
<html>
<head></head>
<body>
<center>
  <table width="400" height="100%" border="1" valign="middle">
  <tr>
    <td>Dette skal stå midt på siden</td>
  </tr>
  </table>
</center>
</body>
</html>
Avatar billede corax Nybegynder
20. december 2002 - 13:46 #3
Er det sådan du mener

<html>
<head></head>
<body>
<table border="0" width="100%" height="100%">
<tr>
<td width="100%">
<table border="0" width="100%">
<tr>
<td width="100%" align="center">
<table width="400" height="100" border="1">
<tr>
<td>Dette skal stå midt på siden</td>
</tr>
</table>
</td>
</table>
</body>
</html>
Avatar billede martin_moth Mester
20. december 2002 - 13:47 #4
Prøv at læs spørgsmålet igen.. :o)
Avatar billede whatever Nybegynder
20. december 2002 - 13:49 #5
<html>
<head></head>
<body>
<table width="100%" height="100%" align="center" valign="middle">
  <tr>
    <td>
      <table width="400" height="100" align="center" border="1">
        <tr>
          <td align="center">Dette skal stå midt på siden</td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>
Avatar billede martin_moth Mester
20. december 2002 - 13:49 #6
Sorry - skrev min kommentar til stehn, ikke corax ;o)
Avatar billede sthen Nybegynder
20. december 2002 - 13:49 #7
Denne er testet:

<html>
<head></head>
<body>
<center>
  <table width="400" height="100%" border="1" valign="middle">
  <tr>
    <td align="center">Dette skal stå midt på siden</td>
  </tr>
  </table>
</center>
</body>
</html>
Avatar billede whatever Nybegynder
20. december 2002 - 13:50 #8
corax > Hvorfor tre tabeller? Du afslutter forresten også kun de to.
Avatar billede corax Nybegynder
20. december 2002 - 13:56 #9
whatever > 2 x centrering - Afslutningen er sjusk.
Avatar billede martin_moth Mester
20. december 2002 - 13:57 #10
>Stehn & corax:

Jeg skal have en tabel med enabsolut højde på 100 (ikke 100%) til at stå midt på siden. Det klarer corax's løsning, ikke jeres

over & out, Martin
Avatar billede corax Nybegynder
20. december 2002 - 14:00 #11
martin_moth > Lige én ting. Hvis den skal validere i html4.01 må du bruge css istedet for height i table.
Avatar billede leif@fmoller.dk Novice
20. december 2002 - 14:00 #12
Det er slet ikke så logisk, jeg har selv brugt timer på at finde ud af og der er to løsninger, den ene er at placere en "usynlig" table, øverst på siden, som så fylder fx. 20% vertikalt, -men den kan jeg ikke anbefale!
Den anden måde er, dynamisk html; Du definerer tabellen som et objekt, og angiver hvor objektet skal stå:


<html><head>
<style> 
.minirriterendetabel { 
position:absolute; bottom:  10%;  left:44%; 

} 

</STYLE>
</head></body>
<table border="2" width="10%" class="TableBottom">
<tr><td>jffkjkf.....................(og så fremdeles!)

-ulempen er at hvis dine frames (hvis du bruger det), er relative (størelsen er angivet i procent) og ikke absolut (i "px" eller sårn), så kan det ske at tavellen og framsene rykker sig i forhold til hinanden!
Men jeg håber at du kan bruge det!
Avatar billede whatever Nybegynder
20. december 2002 - 14:02 #13
corax > Ja, men hvorfor skal det centreres to gange, når man ikke er nødvendigt?
Avatar billede corax Nybegynder
20. december 2002 - 14:05 #14
2 tabeller til centrering den ene og den anden vej. På den måde har du frit spillerum til indholdstabellen (den 3.)
- Bare min løsning -

Som Martin skriver ... over & out :)
Avatar billede whatever Nybegynder
20. december 2002 - 14:07 #15
Men det er skam spild at load tid, og noget slam. Dette gør jo de samme, med kun en tabel:

<table width="100%" height="100%">
  <tr>
    <td align="center" valign="middle">
      <table width="400" height="100" align="center" border="1">
        <tr>
          <td align="center">Dette skal stå midt på siden</td>
        </tr>
      </table>
    </td>
  </tr>
</table>
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
17/0911:37 Persits.Upload Af bsn i ASP
16/0918:13 oprette et installationsmedie Af Malm i Windows
16/0913:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
White papers
Flere white papers »