Toon posts:

[HTML] Table vraag

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik heb de volgende tabel:

code:
1
2
3
4
5
6
7
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
  <tr>
    <td width=33%>1</td>
    <td width=800>test</td>
    <td width=33%>2</td>
  </tr>
</table>


Ik wil dus dat de middelste kolom altijd 800 is en dat de linker en rechter kolom als een opvul gebruikt worden zodat het scher altijd voor 100% gevuld is. ben al een tijd aan het zoeken op Google en hier en kom er maar niet uit (kan het ook niet echt in zoektermen omschrijven.

  • sjroorda
  • Registratie: December 2001
  • Laatst online: 29-04 16:17
Waarom niet gewoon een DIV'je van 800 px centreren?
Owkee, je wilt links en rechts dus opvulling hebben. Toch ligt het antwoord in DIV'jes :).

[ Voor 57% gewijzigd door sjroorda op 05-10-2005 14:49 ]


Verwijderd

Topicstarter
Inderdaad, dat is wat ik wil.

Ik weet eerlijk gezegt niet zoveel van div-jes. Kun je me even op weg helpen?

  • SandaX
  • Registratie: November 2003
  • Nu online

SandaX

Nicht Ärgern nur wundern

code:
1
2
3
4
5
6
7
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%">
  <tr>
    <td>1</td>
    <td width=800>test</td>
    <td>2</td>
  </tr>
</table>


gewoon de width elements uit de 'opvul' td halen?

code:
1
2
3
<div style="width:800px; margin:auto; border:1px solid #000000;">
test
</div>


of met een gecentreerde div.

[ Voor 41% gewijzigd door SandaX op 05-10-2005 14:54 ]


Verwijderd

Topicstarter
Nou ja.............. Hoe simpel kan het wezen. Ik zou toch zweren dat ik dit al geprobeerd had.

  • equationunequal
  • Registratie: Oktober 2001
  • Laatst online: 10-04 22:00
HTML:
1
2
3
4
5
<div id="container">
     <div id="content">
          blaat
     </div>
</div>


Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
html, body {
    height : 100%;
}

body {
    background : #000;
    color : #FFF;
    text-align : center;
    margin : 0;
    padding : 0;
}

#container {
   width : 800px;
   position : relative;
   min-height : 100%;
   margin : 0 auto;
   padding : 0;
}


Je hebt zo een gecentreerde container van 800px breed waar je je site in kan stoppen (heb er nu ff snel een content div in gegooid). De opvulling kan je regelen door de background property van de body in te stellen...

[ Voor 22% gewijzigd door equationunequal op 05-10-2005 15:03 ]

[ equationunequal.nl - portret & model fotografie ] [ newskin.nl - socials ]


Verwijderd

Topicstarter
Bedankt voor de hulp. Hier kom ik wel weer verder mee.............
Pagina: 1