Probleem met layout - Softwareontwikkeling

zaterdag 2 september 2006 16:38

Acties:

Topicstarter

code:

<BODY style="background-color:#000000; background-image:url(images/layout2/bg.jpg); height:100%; margin: 0px; padding: 0px;">
<TABLE cellSpacing=0 cellPadding=0 width=920 height="100%" border=0 align="center">
    <TR height="6px">
      <TD width="6px"   class="inside"      ><IMG src="images/layout/left-split.gif"></TD>
      <TD width="6px"   class="horizontal"  ><IMG src="images/layout/spacer.gif"></TD>
      <TD width="678px" class="content"     rowspan="3"><!-- HIER TEKST --></TD>
      <TD width="6px"   class="horizontal"  ><IMG src="images/layout/spacer.gif"></TD>
      <TD width="212px" class="content"     rowspan="3"><!-- OF HIER TEKST --></TD>
      <TD width="6px"   class="horizontal"  ><IMG src="images/layout/spacer.gif"></TD>
      <TD width="6px"   class="inside"      ><IMG src="images/layout/right-split.gif"></TD>
    </TR>
    <TR height="100%">
      <TD width="6px"   class="vertical"    ><IMG src="images/layout/spacer.gif"></TD>
      <TD width="6px"   class="fill-v"      ><IMG src="images/layout/spacer.gif"></TD>
      <TD width="6px"   class="fill-v"      ><IMG src="images/layout/spacer.gif"></TD>
      <TD width="6px"   class="fill-v"      ><IMG src="images/layout/spacer.gif"></TD>
      <TD width="6px"   class="vertical"    ><IMG src="images/layout/spacer.gif"></TD>
    </TR>
    <TR height="6px">
      <TD width="6px"   class="inside"      ><IMG src="images/layout/left-split.gif"></TD>
      <TD width="6px"   class="horizontal"  ><IMG src="images/layout/spacer.gif"></TD>
      <TD width="6px"   class="horizontal"  ><IMG src="images/layout/spacer.gif"></TD>
      <TD width="6px"   class="horizontal"  ><IMG src="images/layout/spacer.gif"></TD>
      <TD width="6px"   class="inside"      ><IMG src="images/layout/right-split.gif"></TD>
    </TR>
</TABLE>
</BODY></HTML>

Het probleem zodra ik op een van de twee plekken  een:
* <BR> in mijn tekst zet
* of een nieuwe tabel nestel
* een <div> in plaats waarvan de content meer is dan de 100% height is.

De 3 rows in eens alle 3 33% van de hoogte in beslag nemen ipv de 6px - alles wat over is - 6px.

hoe kan ik dit oplossen?

[edit] De classes bepalen alleen de background verder doet het niks
[edit 2] Ipv de hoogte vast te leggen in de TR hem vast leggen in een extra td colom helpt ook niet.

[ Voor 3% gewijzigd door Uhmmie op 02-09-2006 16:49 ]

Currently playing: MTG Arena (PC)

zaterdag 2 september 2006 17:06

Acties:

Uhmmie

Topicstarter

Na wat tips op irc zit ik nu op

code:

<BODY style="background-color:#000000; background-image:url(images/layout2/bg.jpg); height:100%; margin: 0; padding: 0;">
<TABLE cellSpacing=0 cellPadding=0 width=920 height="100%" border=0 align="center">
    <TR>
      <TD height="6"    width="6"   class="inside"                  ><IMG src="images/layout/left-split.gif"></TD>
      <TD height="6"    width="6"   class="horizontal"              ><IMG src="images/layout/spacer.gif"></TD>
      <TD height="100%" width="678" class="content"     rowspan="3" ><IMG src="images/layout/spacer.gif"><!-- TEKST --></TD>
      <TD height="6"    width="6"   class="horizontal"              ><IMG src="images/layout/spacer.gif"></TD>
      <TD height="100%" width="212" class="content"     rowspan="3" ><IMG src="images/layout/spacer.gif"><!-- TEKST --></TD>
      <TD height="6"    width="6"   class="horizontal"              ><IMG src="images/layout/spacer.gif"></TD>
      <TD height="6"    width="6"   class="inside"                  ><IMG src="images/layout/right-split.gif"></TD>
    </TR>
    <TR>
      <TD height="100%" width="6" class="vertical"                  ><IMG src="images/layout/spacer.gif"></TD>
      <TD height="100%" width="6" class="fill-v"                    ><IMG src="images/layout/spacer.gif"></TD>
      <TD height="100%" width="6" class="fill-v"                    ><IMG src="images/layout/spacer.gif"></TD>
      <TD height="100%" width="6" class="fill-v"                    ><IMG src="images/layout/spacer.gif"></TD>
      <TD height="100%" width="6" class="vertical"                  ><IMG src="images/layout/spacer.gif"></TD>
    </TR>
    <TR height="6">
      <TD height="6" width="6" class="inside"                       ><IMG src="images/layout/left-split.gif"></TD>
      <TD height="6" width="6"  class="horizontal"                  ><IMG src="images/layout/spacer.gif"></TD>
      <TD height="6" width="6"  class="horizontal"                  ><IMG src="images/layout/spacer.gif"></TD>
      <TD height="6" width="6"  class="horizontal"                  ><IMG src="images/layout/spacer.gif"></TD>
      <TD height="6" width="6" class="inside"                       ><IMG src="images/layout/right-split.gif"></TD>
    </TR>
</TABLE>
</BODY></HTML>

Maar nog steeds loopt het kapot op de bovenstaande punten.

Currently playing: MTG Arena (PC)

zaterdag 2 september 2006 17:10

Acties:

Verwijderd

Je kunt TR helemaal geen height geven als ik het goed heb.

[edit]
Daarnaast moet je geen procenten gebruiken icm vaste hoogte in pixels.

[ Voor 41% gewijzigd door Verwijderd op 02-09-2006 17:20 ]

zaterdag 2 september 2006 17:17

Acties:

Uhmmie

Topicstarter

dat vertelde iemand anders me ook al (en alwel het wel werkte) heb ik het in mijn 2e code block dus ook weg gehaald en in de td's geplaatst. Helaas zonder succes..

voorbeeldje van wat er gebeurd.

	tekst		tekst

wordt

	tekst		tekst

als ik dus op de plaats van tekst een <br>, <table> of een div die groter dan de hoogte van de <td> plaat. groeien de rooie blokjes in de hoogte ipv dat ze hun 6 pixels vast houden. Overigens staat bij mij mijn tekst wel gewoon bovenaan (gaat dus niet mee met naar beneden zoals in hierboven).

[ Voor 22% gewijzigd door Uhmmie op 02-09-2006 17:29 ]

Currently playing: MTG Arena (PC)