09. december 2001 - 15:41Der er
16 kommentarer og 1 løsning
tabel-midterstilles horisontalt?
Hvad gør jeg, hvis jeg vil midterstille en tabel horisontalt (så der kommer lige meget luft i top og bund?? <table width=\"100%\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" height=\"300\">
Jeg ku\' ikke læse; men du mener vertical centrering: fx: <body style=\"margin-top:50px;margin-bottom:50px;margin-left:0px;margin-right:0px;\"> og så ind med tabellen?
Hvis det står height=300 forandrer du det til height=100%
Er ikke helt det samme som rasmuz.dk skriver, er en forskel på at have height og width i <tabel> og ikke i <td>, men kan du ikke forsøge med bægge to muligheder, og så fortælle oss om det virker?
Prøv dette. Man lægger sin tabel ind i en tabel hvor et javaScript bestemmer højden af de frie rum. <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\"> <HTML> <HEAD> <TITLE>[vertical-centreret tabel]</TITLE> <META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3.5\"> <style> BODY { margin:0px; background-color: #ff0000; } table, td { border: 2px solid #c0c0c0; background-color:transparent; table-layout; fixed; margin:0px; border-collapse:collapse; } .maintable { border: 2px solid #c0c0c0; background-color:#FFFFFF; table-layout; fixed; margin:0px; border-collapse:collapse; height:300px; width:100%; } </style> </HEAD> <BODY> <script language=\"JavaScript\"> document.writeln(\'<table height=\"100%\" width=\"100%\" border=\"0\" valign=\"middle\"><tr><td HEIGHT=\",(screen.height/2)-300,\"></TD></TR><tr><td height=\"300px\"><TABLE CLASS=\"maintable\"><TR><TD WIDTH=\"50%\" STYLE=\"height:50%;\">300 pixel høj tabel, her kan man anbringe en tabel der skal være centreret vertikalt.</TD><TD> </TD></TR><TR><TD> </TD><TD> </TD></TR></TABLE></td></tr><tr><td HEIGHT=\",(screen.height/2)-300,\"></TD></TR></table>\'); </script> </BODY> </HTML> Du kan jo så selv ændre farver og kanter efter behag.
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.