Avatar billede johan.o Nybegynder
30. oktober 2005 - 11:26 Der er 4 kommentarer og
1 løsning

Tabel - Lodret placering af celle skaber lidt grå hår.

Eksempel :

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0//EN' 'http://www.w3.org/TR/REC-html40/strict.dtd'>
<html><head><title>Test</title>
<style>
td { border: 1px solid black; vertical-align: top; }
</style>
</head><body>
<table>
<tr>
<td>Celle 1</td>
<td rowspan='2'>Celle 2<br>med<br>en<br>masse<br>indhold</td>
</tr><tr>
<td>Celle 3</td>
</tr>
</table>
</body></html>

Som det kan ses (på output) så deles sol og vind lige imellem celle 1 og 2 i forhold til højden. Hver celle får automatisk 50% af den tilrådeværende højde som er sat af celle 2.

Men jeg vil gerne have at den istedet bruger så lidt plads som muligt på celle 1 og derefter giver resten af pladsen til celle 3.

Jeg kan sætte style.height men det vil jo ikke være dynamisk, altså vil det i tilfælde af at der laves scriptede ændringer i tabel indholdet ikke opdatere sig selv.

Nogen bud ?

Mvh. Johan
Avatar billede jokkejensen Novice
30. oktober 2005 - 13:04 #1
reguleres vel efter indhold.. hvad sker der hvis du tæsker mere indhold i celle 3, vil du så ikke få det ønskede udseende ?

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0//EN' 'http://www.w3.org/TR/REC-html40/strict.dtd'>
<html><head><title>Test</title>
<style>
td { border: 1px solid black; vertical-align: top; }
</style>
</head><body>
<table width="100px">
<tr>
<td>Celle 1</td>
<td rowspan='2'>Celle 2<br>med<br>en<br>masse<br>indhold</td>
</tr><tr>
<td>Celle 3 dsfg gh dsfgdsf sh sfd gdfg sdgh sdfh sfdh sdfh adh ah sdfh sfgh sdf</td>
</tr>
</table>
</body></html>
Avatar billede johan.o Nybegynder
30. oktober 2005 - 13:19 #2
Det er rigtigt at jeg kan 'manipulere' med indholdet i celle 3, f.eks. giver <td>Celle 3<br><br><br><br></td> noget der ligner det jeg vil have. Men hvis jeg så ændre indholdet i celle 1 til f.eks. <td>Celle 2<br>Hej</td> så har jeg tomme stykker forneden på hele tabellen.

Ændringen af indholdet i celle 1 laves med javascript, så det vil ikke være til at forudse mængden af indhold. Derfor er jeg ude efter at tabellen selv skal placere adskillelsen mellem celle 1 og 3 så højt som muligt, for derved at sikre at uanset hvilke ændringer jeg påfører indholdet af celle 1 så sørger UA selv for at tilpasse adskillelsen mellem celle 1 og 3 til at være så højt som muligt.

Mvh. Johan
Avatar billede roenving Novice
30. oktober 2005 - 23:26 #3
Du kan jo yderligere efterforske virkningen med:

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0//EN' 'http://www.w3.org/TR/REC-html40/strict.dtd'>
<html><head><title>Test</title>
<style>
td { border: 1px solid black; vertical-align: top; }
</style>
</head><body>
<table>
<tr>
<td style="height:20px">Celle 1</td>
<td rowspan='2'>Celle 2<br>med<br>en<br>masse<br>indhold<br>Celle 2<br>med<br>en<br>masse<br>indhold<br></td>
</tr><tr>
<td style="height:100px;">Celle 3</td>
</tr>
</table>
</body></html>
Avatar billede johan.o Nybegynder
30. oktober 2005 - 23:57 #4
Hm, jeg kan se at height rent faktisk gør som jeg vil have i FF. Hvis jeg kun sætter height style'en på celle 1, så udvider FF blot cellen hvis indholdet overskrider den satte højde og formindsker celle 3 for at gøre plads. Men IE gør intet....?

Hm, jeg har nok brug for lidt mere hjælp her :)

Mvh. Johan
Avatar billede johan.o Nybegynder
03. november 2005 - 11:07 #5
Damn :), nå jeg må hellere lukke og slukke.

Tak til deltagerne.

Mvh. Johan
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