Toon posts:

table over 95% van de breedte :?

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik wil d.m.v. tables dit bereiken:
Afbeeldingslocatie: http://httpd.chello.nl/~b.vanhout/idee.jpg

Ik heb onderstaande code gebruikt:
code:
1
2
3
4
5
6
7
8
9
10
11
<table width="100%" border="1" height="100%">
  <tr>
    <td>
    <table class="main" width="90%" border="1" align="center" height="90%">
      <tr> 
        <td valign="top">main</td>
      </tr>
    </table>
    </td>
  </tr>
</table>

Maar dan krijg ik een table die gruwelijk scheef uit het midden staat en zeker geen 90% van de breedte van het scherm inneemt.

Hoe ken deh?

Verwijderd

Bij mij staat ie horizontaal keurig in het midden hoor.

Misschien is t iets met die class?

Verwijderd

Topicstarter
Op maandag 10 december 2001 21:45 schreef SVL het volgende:
Bij mij staat ie horizontaal keurig in het midden hoor.
En verticaal?

  • Janoz
  • Registratie: Oktober 2000
  • Laatst online: 16:30

Janoz

Moderator Devschuur®

!litemod

Dat kun je niet instellen (tja, met sommige hacks kun je er nog iets van maken wat absoluut niet crossbrowser is).. Als je dat wilt kun je beter met frames gaan werken..

Ken Thompson's famous line from V6 UNIX is equaly applicable to this post:
'You are not expected to understand this'


Verwijderd

Topicstarter
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
<DIV ID="oFilterDIV" STYLE="position:absolute; top:50px; left:10px; width:90%; height:90%; padding:10px; font:bold 13pt verdana;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=8)">
<table width="100%" border="1" height="100%">
  <tr>
    <td>
    <table class="main" width="90%" border="1" align="center" height="90%">
      <tr> 
        <td valign="top">main</td>
      </tr>
    </table>
    </td>
  </tr>
</table></DIV>

sorry, dit is de hele code

Verwijderd

lijkt mij:
code:
1
2
3
4
5
6
7
8
9
10
11
<table width="100%" border="1" height="100%">
  <tr>
    <td>
    <div align="center"><table class="main" width="90%" border="1" align="center" valign="middle" height="90%">
      <tr> 
        <td valign="top">main</td>
      </tr>
    </table></div>
    </td>
  </tr>
</table>

Verwijderd

Verticaal: in IE bovenaan, in Schaap in t midden (smalle balk wordt t dan).

Kan me niet voorstellen dat jij wat anders ziet als je alleen deze code in een bestandje plakt en het dan in je browser bekijkt.

Verwijderd

Topicstarter
Op maandag 10 december 2001 21:50 schreef SVL het volgende:
Verticaal: in IE bovenaan, in Schaap in t midden (smalle balk wordt t dan).

Kan me niet voorstellen dat jij wat anders ziet als je alleen deze code in een bestandje plakt en het dan in je browser bekijkt.
Nee, sorry... ik had net niet de hele code, je moet de code pakken die ik je als laatste gegeven heb...

Verwijderd

Je kan i.i.g. in de style de width en height op 100% zetten. En top op 10pix lijkt mij.

Dan staat de buitenste tabel volgens mij goed, maar de tabel binnenin blijft bovenin zitten.

Verwijderd

Topicstarter
Op maandag 10 december 2001 21:59 schreef SVL het volgende:
Je kan i.i.g. in de style de width en height op 100% zetten. En top op 10pix lijkt mij.

Dan staat de buitenste tabel volgens mij goed, maar de tabel binnenin blijft bovenin zitten.
Kun je niet op een of andere manier die binnenste table verticaal in het midden uitlijnen?

Verwijderd

Wrom niet gewoon een table met 1 cel en vette dikke borders (+10 px) ???

Verwijderd

Wat je kan proberen is 3 <tr>'s in de buitenste tabel. Height van resp. 5%, 90% en 5%.

Of datzelfde in een nieuwe 'onzichtbare' tabel op het niveau tussen deze twee tabellen.

Verwijderd

Pfff, dit is m :)
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<DIV ID="oFilterDIV" STYLE="top:10px; left:10px; width:100%; height:100%; font:bold 13pt verdana;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=8)">
<table width="100%" border="1" height="100%"><tr><td>
<table width="100%" border="0" height="100%">
<tr height="5%"><td></td></tr>
<tr height="90%"><td>

<table align="center" width="90%" border="1" height="100%">
      <tr> 
        <td valign="top">main</td>
      </tr>
    </table>

</td></tr>
<tr height="5%"><td></td></tr>

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

</table></DIV>

Verwijderd

<table border="3" bordercolor="000000" width="100%" height="100%">
<tr><td colspan="3"></td></tr>
<tr height="95%">
<td></td>
<td width="95%" bgcolor="000000">
 
</td>
<td></td>
</tr>
<tr><td colspan="3"></td></tr>
</table>

8-)

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:13

crisp

Devver

Pixelated

Op dinsdag 11 december 2001 01:27 schreef Dennis_777 het volgende:
<table border="3" bordercolor="000000" width="100%" height="100%">
<tr><td colspan="3"></td></tr>
<tr height="95%">
<td></td>
<td width="95%" bgcolor="000000">
 
</td>
<td></td>
</tr>
<tr><td colspan="3"></td></tr>
</table>

8-)
3 opmerkingen:
1) TD's zonder inhoud geeft veel problemen - kan je beter een spacer in zetten.
2) mooier is nog om in de 2e rij de 1e en 3e kolom nog width="5%" mee te geven. (geldt ook voor rij 1 en rij 3 - height="5%")
3) moet de background van de 2e rij, 2e cel niet #ffffff zijn?

Intentionally left blank


Verwijderd

1) TD's zonder inhoud geeft veel problemen - kan je beter een spacer in zetten.
Probleem is natuurlijk dat je met variabele hoogte / breedte werkt. En de code lijkt nu te werken zonder spacers, dus dan kan je ze beter weglaten...

Verwijderd

Op dinsdag 11 december 2001 07:46 schreef crisp het volgende:

[..]

3 opmerkingen:
1) TD's zonder inhoud geeft veel problemen - kan je beter een spacer in zetten.
>>> kan zijn, ik heb alleen onder IE5 gekiekt hoe t eruit zag en hij werkte prima, dus...

2) mooier is nog om in de 2e rij de 1e en 3e kolom nog width="5%" mee te geven. (geldt ook voor rij 1 en rij 3 - height="5%")

>>> dan is ie wel helemaal af ja:), maar ik heb altijd zoiets van als t met minder code ook werkt, dan laat ik em staan. Is natuurlijk niks mis mee verder

3) moet de background van de 2e rij, 2e cel niet #ffffff zijn?

>>> LOL, niet eens naar gekeken, maar ik denk dat t voor het doel (95% breedte/hoogte) ook niet belangrijk is wat voor kleur ie is, maar je hebt natuurlijk gelijk :D
Pagina: 1