Avatar billede blackscorpion Nybegynder
13. august 2005 - 12:44 Der er 27 kommentarer og
1 løsning

drilsk Overflow: Auto.

Hej eksperter.

jeg har noget tabel snask, og noget css til at styre tingene i det.

den ene celle i tabellen er til alt teksten, og der har jeg sat:

overflow:auto på, men den virker ikke, så gloede lidt på css attributterne, og der står at den kan tilføjes til en celle i en tabel... hvorfor virker det så ikke??
Avatar billede nielle Nybegynder
13. august 2005 - 12:53 #1
Løsningen er vel at lade være med at kode "snask" ;^)

Men kunne vi ikke få dig til at poste den relevante del af din kode, så vi havde noget at arbejde ud fra?
Avatar billede roenving Novice
13. august 2005 - 12:54 #2
Fordi en tabelcelle er skabt til at vise de data, som kommer indeni, og derfor udvider sig, hvis der kommer mere i, end der er plads til !-)

-- men hvis du har sat højde og bredde på den kan du bare sætte en div inde i den:

<td style="width:300px;height:200px;">
  <div style="width:100%;height:100%;overflow:auto;">
    Dit indhold
  </div></td>
Avatar billede blackscorpion Nybegynder
13. august 2005 - 12:56 #3
manualen siger:

'overflow'
Value:  visible | hidden | scroll | auto | inherit 
Initial:  visible 
Applies to:  non-replaced block-level elements, table cells, and inline-block elements 
Inherited:  no 
Percentages:  N/A 
Media:  visual 
Computed value:  as specified 

http://www.w3.org/TR/CSS21/visufx.html

derfor går jeg da ud fra at jeg kan bruge den på en celle i tabellen?

er div'en den eneste måde at ordne det?
Avatar billede blackscorpion Nybegynder
13. august 2005 - 12:58 #4
.content {
    border: 1px solid #CFCFCF;
    height: 305px;
    font-size: 12px;
    display: block;
    overflow:scroll;
  }

--------


  <tr>
    <td colspan="6" class="content">
    hehe dette er en tester!!!<br> (har stået der 30 gange, for at lave den stor nok)
    </td>
  </tr>
Avatar billede blackscorpion Nybegynder
13. august 2005 - 13:01 #5
altså det virker nu med en div... men forstår ikke rigtigt hvor det ikke virker på en tabel celle med fast højde og bredde, som manualen forskriver...
Avatar billede roenving Novice
13. august 2005 - 13:03 #6
Tjah, der står også her, at den dur, men bemærk bemærkningen under Browser Peculiarities: http://blooberry.com/indexdot/css/properties/position/overflow.htm
Avatar billede blackscorpion Nybegynder
13. august 2005 - 13:05 #7
Table cell elements (TD/TH) support this property with a default value of "hidden", if the 'table-layout' property is set to "fixed".

øhhh table-layout property ?
Avatar billede nielle Nybegynder
13. august 2005 - 13:06 #8
Du skal også løse din .content i bredden - ellers udvider den sig bare.
Avatar billede roenving Novice
13. august 2005 - 13:07 #9
IE har en proprietær property til tabeller !-)
Avatar billede blackscorpion Nybegynder
13. august 2005 - 13:09 #10
nielle -> der tabte du mig...

roenving -> fortog en google på table-layout, og fandt følgende:

http://www.meyerweb.com/eric/css/tests/css2/sec17-05-02.htm

og der står table-layout.

har tilføjet den, men den virker stadig ikke på tabel cellen.
Avatar billede nielle Nybegynder
13. august 2005 - 13:10 #11
Du har en height på din .content, men du mangler en width.
Avatar billede blackscorpion Nybegynder
13. august 2005 - 13:12 #12
okey den er smidt ind. ;)
Avatar billede nielle Nybegynder
13. august 2005 - 13:13 #13
Dette her burde virke:

  <tr>
    <td colspan="6" class="content">
    <div class="content">
    hehe dette er en tester!!!<br> (har stået der 30 gange, for at lave den stor nok)    </div>
    </td>
  </tr>
Avatar billede blackscorpion Nybegynder
13. august 2005 - 13:14 #14
jamen jeg har smidt en div ind, men vil da gerne have den til at virke uden en div, som overflow faktisk burde kunne.
Avatar billede nielle Nybegynder
13. august 2005 - 13:14 #15
... henviser til 13/08-2005 12:54:12.
Avatar billede nielle Nybegynder
13. august 2005 - 13:16 #16
Burde dit mål ikke snarere at "få det til at virke" - uden at smide eksra krav inde som "... uden div"? Hvad er pointen...
Avatar billede blackscorpion Nybegynder
13. august 2005 - 13:18 #17
jamen jeg syntes bare at "få det til at virke" virker lidt som en nødløsning, når overflow faktisk virker på tabel celler. ;)

men roenving smid et svar.
Avatar billede nielle Nybegynder
13. august 2005 - 13:21 #18
Det er ikke en nødløsing. At bruge en div til den slags formål er ikke et "hack" - det er korrekt kode.

Tabeller er derimod skabt til at udvide sig efter behov, og ethvert forsøg på at rette på denne adfærd kan i en vis forstand siges at være naturstridigt.
Avatar billede blackscorpion Nybegynder
13. august 2005 - 13:23 #19
jamen hvis det er en naturstrid mod tabellen, hvorfor så lave det til tabellen?? ;)
Avatar billede nielle Nybegynder
13. august 2005 - 13:35 #20
Tja, et bud kunne være "fordi folk blever ved med at efterspørge det". ;^)

Indrømmet, det ville da være en rar lille en at have. Men det var bare ikke sådan noget at tabeller blev udtænkt i starten.
Avatar billede blackscorpion Nybegynder
13. august 2005 - 13:39 #21
okey fair nok.

godt være jeg spurgte dumt, men syntes jeg havde fat i en pointe der. ;)
Avatar billede nielle Nybegynder
13. august 2005 - 13:43 #22
Der er ikke noget som hedder dumme spørgsmål. :^)
Avatar billede notes2c Nybegynder
13. august 2005 - 13:43 #23
Bruger du fuld doctype

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Avatar billede blackscorpion Nybegynder
13. august 2005 - 13:47 #24
yep. ;)
Avatar billede blackscorpion Nybegynder
13. august 2005 - 13:48 #25
Nielle -> tjaaa... ved jeg har en HEL DEL spørgsmål herinde... er nysgerrig af natur, og spørger meget, sååå. ;)
Avatar billede roenving Novice
13. august 2005 - 14:14 #26
Jamen velbekomme '-)

-- og netop den fikserede tabel-celle er et af de Ofte Stillede Spørgsmål herinde !-)
Avatar billede roenving Novice
13. august 2005 - 14:31 #27
Tak for point ;~}
Avatar billede blackscorpion Nybegynder
13. august 2005 - 14:38 #28
var så lidt. ;)
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