Toon posts:

[html / css] tabel verticaal centreren

Pagina: 1

Acties:

65 views sinds 30-01-2008
Reageer

zaterdag 9 maart 2002 13:57

Acties:

r0bert

Topicstarter

Zie topictitel:

code:

|-------------------------------------|
|         table 1           |
|          cel 1             |
|-------------------------------------|
||-----------------------------------||   <  t
||        tabel 2         ||      <  a
||         cel 1           ||     <  b
||----------------------|------------||   <  e
||  tabel 2 - cel 2     |tabel 2 - c3||   <  l
||----------------------|------------||   <
||              |       ||    <  1
||  tabel 2    |   tabel 2  ||    <
||   cel 4      |     cel 5  ||   <  -
||              |       ||    <
||              |------------||   <  c
||              |       ||    <  e
||              |   tabel 2  ||   <  l
||              |    cel 6   ||   <
||              |------------||   <  2
||              |   tabel 2  ||   <
||              |     cel 7  ||   <
||----------------------|------------||   <
|-------------------------------------|
|        tabel 1             |
|         cel 3         |
--------------------------------------|

zo heb ik het nu dus ongeveer.
Het is de bedoeling dat tabel 2, vericaal uit wordt gelijnt, dat heb ik nu dus mbv tabel 1 geprobeerd maar dat lukt voor geen meter.

Kan iemand even een helpende hand toesteken

zaterdag 9 maart 2002 14:15

Acties:

Verwijderd

code:

1	align=center valign=middle

in je tabletag zetten.

zaterdag 9 maart 2002 14:24

Acties:

LuCarD

Certified BUFH

http://www.dsdelft.nl/html/tabellen.htm#uitlijnen-cellen

Programmer - an organism that turns coffee into software.

zaterdag 9 maart 2002 14:26

Acties:

r0bert

Topicstarter

had 't in m'n td tag gezet..
iig .. 't wil nog steeds niet. Ik krijg het table niet eens meer 100%

code:

<table  id="layoutTable"
    width="100%"
    height="100%"
    border="1"
    cellpadding="0"
    cellspacing="0"
    valign="center"
    style="height: 100%;">

    <tr>
        <td id="layoutCell"
            width="100%"
            height="100%"
                valign="center">

################  table 2 ####################

        </td>
    </tr>
</table>

^werkt dus niet

zaterdag 9 maart 2002 14:30

Acties:

LuCarD

Certified BUFH

IE6 slikt het wel...

Maarhe een CEL weet niks van de hoogte van ROW af!

Programmer - an organism that turns coffee into software.

zaterdag 9 maart 2002 14:37

Acties:

r0bert

Topicstarter

Hm.. bij mij pakt ie het voorbeeld idd ook gewoon..

dan even de hele source:
[code]edit <knip>[code]

//edit:

argh .. nu werkt dat ineens ook

zaterdag 9 maart 2002 14:41

Acties:

r0bert

Topicstarter

Ik snap dér geen biet van, maar heb de document declaretion deruit gegoojt (<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd"> ) en nu doet ie 't.. Iemand die mij dat uit kan leggen ?

zaterdag 9 maart 2002 14:52

Acties:

Verwijderd

Op zaterdag 09 maart 2002 14:26 schreef r0bert het volgende:

code:

<table  id="layoutTable"
    width="100%"
    height="100%"
    border="1"
    cellpadding="0"
    cellspacing="0"
    valign="center"
    style="height: 100%;">

    <tr>
        <td id="layoutCell"
            width="100%"
            height="100%"
                valign="center">

################  table 2 ####################

        </td>
    </tr>
</table>

^werkt dus niet

Werkt niet omdat de waarde 'center' niet geldt voor het attribuut valign.
Als je goed mijn eerdere post leest zie je dat er valign=middle staat!

zaterdag 9 maart 2002 14:55

Acties:

Verwijderd

Sowieso een zooitje, je code...

Wees consequent en flikker gewoon zoveel mogelijk in stylesheetjes. Niet alles door mekaar en dduubbbbeell declareren

zaterdag 9 maart 2002 15:14

Acties:

r0bert

Topicstarter

zooitje ? Heb alles zo duidelijk mogelijk geordend, en die stylesheets plaats ik er later in als ik de layout voor mekaar heb en weet hoe alles er precies uit moet komen te zien..

zaterdag 9 maart 2002 15:16

Acties:

Verwijderd

Op zaterdag 09 maart 2002 15:14 schreef r0bert het volgende:
zooitje ? Heb alles zo duidelijk mogelijk geordend, en die stylesheets plaats ik er later in als ik de layout voor mekaar heb en weet hoe alles er precies uit moet komen te zien..

Dan heb je niet door waarvoor stylesheets bedoeld zijn denk ik.

zaterdag 9 maart 2002 15:18

Acties:

Verwijderd

code:

<table  id="layoutTable"
    width="100%"
    height="100%"
    border="1"
    cellpadding="0"
    cellspacing="0"
    valign="center"
    style="height: 100%;">
    <tr>
        <td id="layoutCell"
            width="100%"
            height="100%"
                valign="center">

################  table 2 ####################

        </td>
    </tr>
</table>

Wat ik bedoel is dat je dingen dubbel doet, zoals de tableheight, die definieer je hierboven hard én in een style. Dan kun je misschien beter voor zoveel mogelijk met syles werken kiezen, da's imho netter en makkelijker te onderhouden.

In combi met dus de valign=center-fout was bovenstaand stukje code in mijn ogen idd een zooitje

Was niet verkeerd bedoeld hoor

zaterdag 9 maart 2002 17:26

Acties:

r0bert

Topicstarter

ik had het dubbel opgegeven omdat het niet werkt en heb dus alle mogelijke manieren geprobeerd. maja .. boejeh

Pagina: 1

Reageer