Avatar billede killifish Nybegynder
08. maj 2001 - 12:37 Der er 11 kommentarer og
1 løsning

vertikal centrering

Indtil nu har jeg brugt en tabel med en højde på 100% når jeg skal centrere et eller andet vertikalt på mine sider.

Jeg har lige siddet og leget med HTML validatoren på w3.org og den fortæller mig at der ikke er nogen height attribute for <table>

Er der en alternativ måde at centrere vertikalt ? (at sætte <td height=\"100%\" virker ikke)
Avatar billede 3rdpixel.hove Nybegynder
08. maj 2001 - 12:39 #1
valign=\"center\"
Avatar billede 3rdpixel.hove Nybegynder
08. maj 2001 - 12:40 #2
ups svar
Avatar billede nute Nybegynder
08. maj 2001 - 12:40 #3
sett en <div> rundt din tabell:

<div valign=\"center\">
<table>...</table>
</div>

/nute
Avatar billede haboja Nybegynder
08. maj 2001 - 12:50 #4
valign=\"middle\"
hedder det, men Opera vil have du skriver valign=\"center\"
Avatar billede killifish Nybegynder
08. maj 2001 - 12:53 #5
jeg kan godt finde ud af at bruge valign. problemer består i at jeg ikke kan bruge height i table tag\'et.

table og div har ingen \"height\" værdi i HTML 4.01
Avatar billede olebole Juniormester
08. maj 2001 - 12:56 #6
<ole>
IE skriver også \'center\', når den selv skal centrere vertikalt med CSS. Den forstår det derfor også, når du skriver det til den  ;o)
/mvh
</bole>
Avatar billede killifish Nybegynder
08. maj 2001 - 12:59 #7
og i øvrigt er valign ofte overflødigt når det gælder tabeller da valign er center/middle som default
Avatar billede olebole Juniormester
08. maj 2001 - 12:59 #8
Check dit vidues højde og sæt dynamisk tabellens højde lig denne  :)
Avatar billede haboja Nybegynder
08. maj 2001 - 13:00 #9
table og div har ingen \"height\" værdi i HTML 4.01
Skriver du men det virker alligevel, jeg har lavet mange sider hvor jeg har difineret height i tabeller og td\'er
Avatar billede nute Nybegynder
08. maj 2001 - 13:00 #10
så kan du benytte styles:

eksempel på inline styles:

<table border=\"1\" style=\"height:100px;width:100px;\">
<tr><td>test</td></tr>
</table>

eksempel på ekstern style:

<html>
<head>
<style>
TABLE{
  height:100px;
  width:100px;
}
</style>
</head>
<body>
<table border=\"1\">
<tr><td>test</td></tr>
</table>
</body>
</html>

/nute
Avatar billede haboja Nybegynder
08. maj 2001 - 13:00 #11
Hov, jeg har også lavet det i %! og det virker!
Avatar billede killifish Nybegynder
08. maj 2001 - 13:11 #12
haboja -> jeg er udmærket klar over at \"det virker\", men det var ikke det mit spørgsmål gik på.

nute -> jeg ændrede px til % og nu beklager w3c sig ikke. jeg takker og bukker
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