Søg
Avatar billede mads1987 Nybegynder
26. august 2005 - 14:37 Der er 6 kommentarer og
1 løsning

Problemer med en tabel

Hej, har et lille problem med en tabel.

<html>
<head>
<title>Titel</title>
<link rel="stylesheet" type="text/css" href="CSS.css">
</head>
<body>
<table align="center" class="table">
  <tr>
    <td height="500" width="600" >ddsd</td>
  </tr>
</table>
</body>
</html>

Stylesheetet ser såleds ud:

td {
        border-width: 2px;
        border-style: solid;
        border-color: #000000;
        }

tabel {
    width: 100%;
    height: 100%;
    }
       

Jeg vil havde tabelen til at væren midt på siden, altså den skal ikke kun være centeret vandret, men også lodret.

Hvordanfår jeg den til det?

mvh.
Avatar billede schwarz84 Nybegynder
26. august 2005 - 15:01 #1
Så skal stylesheetet se sådan her ud:

td {
        border-width: 2px;
        border-style: solid;
        border-color: #000000;
        }

tabel {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    }

Du behøver ikke sætte class-attributten på table. Og det er helt sikkert en dårlig idé at sætte den til 'table'. Så forvirrer du vist mere end du gavner.

Husk at sætte en doc-type på din side.
Avatar billede schwarz84 Nybegynder
26. august 2005 - 15:02 #2
Du kan selvfølgelig også sætte margin-top og margin-bottom til auto (jeg blev lige i tvivl om hvordan det var, du ville centrere...)
Avatar billede mads1987 Nybegynder
26. august 2005 - 15:09 #3
tak for det..
Avatar billede olebole Juniormester
26. august 2005 - 21:58 #4
<ole>

- at sætte top- og/eller bund-margin til 'auto' har ingen effekt i forbindelse med lodret centrering - og at sætte venstre- og/eller højre-margin har ingen somhelst effekt på en tabel, der fylder hele bredden  ;o)

Problemet er, at tabellens eneste celle skal være 500*600 pixels, når hele tabellen skal være 100% høj og bred. Tabel-koden giver ikke mening - og det gør besvarelsen derfor heller ikke  :)

/mvh
</bole>
Avatar billede roenving Novice
27. august 2005 - 00:24 #5
Tjah, jeg tror også at en enkelt container placeret inde i en tabel er løsningen !-)
Avatar billede olebole Juniormester
27. august 2005 - 00:52 #6
- yups ... en løsning (hvis problemet er, som jeg tror) kunne være:

<!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">
    <title>TITLE</title>
<style type="text/css">
body, html {
    height: 100%;
    margin: 0;
    padding: 0;
}
table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}
#container {
    width: 600px;
    height: 500px;
    margin: 0 auto;
    border: 2px solid #000000;
}
</style>
</head>
<body>

<table>
<tr>
    <td>
    <div id="container">
   
    Dit sideindhold her
   
    </div>
    </td>
</tr>
</table>

</body>
</html>
Avatar billede mads1987 Nybegynder
22. oktober 2005 - 03:09 #7
Tak
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
I går 12:15 morf bilede Af knuldefar1942 i Fri debat
07/0822:13 Gemme største værdi Af Lemming@privat.dk i Excel
07/0821:39 Kvindelig journalist ved DR - hvad er hendes navn. Af ErikHg i Fri debat
06/0817:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
06/0817:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
White papers
Flere white papers »