Avatar billede muddyw. Praktikant
14. juli 2006 - 13:33 Der er 2 kommentarer og
1 løsning

Problemer med rowspan

Jeg har et enkelt layout der ser sådan ud:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body>
<table width="800" border="1" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td  rowspan="2" width="200" valign="top">
    <table width="200" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <!-- i denne celle vil jeg gerne have indhold der fylder mere end én cellehøjde, men så flytter den miderste tabel sig også -->
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

    </td>
   
   
    <td  width="500" valign="top">
    <table width="500" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;
      </td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

   
    </td>
    <td valign="top">&nbsp;</td>
  </tr>
</table>
</body>
</html>
###########################

men jeg har problemer med rowspan.

Hvis indholdet i første celle i den venstre tabel fylder mere end een cellehøjde, så flytter den miderste tabel sig også.

Har prøvet med rowspan men kan ikke knække koden.
Avatar billede jokkejensen Novice
14. juli 2006 - 13:47 #1
uden lige at undersøge det nærmere, har du så husket af en celle automatisk vertikal aligner til midten...

Altså kan du ex gennem CSS skrive

td
{
vertical-align:top;
}

Betydende at alle celler ligger indholdet i toppen - husker du ikke dette, så vil den midterste celle centrere indholdet til midten - det vil altså "følge med"
Avatar billede muddyw. Praktikant
14. juli 2006 - 13:56 #2
he he - jeg har lige selv fundet ud af det ;-)

tak - smid et svar ;-)
Avatar billede jokkejensen Novice
14. juli 2006 - 14:17 #3
så lidt...

Glad for at kunne hjælpe.. hvis du fandt du af det først beholder du bare selv points !!

/JJ
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