Avatar billede ahrensberg Nybegynder
18. juli 2006 - 12:27 Der er 11 kommentarer og
1 løsning

Fast cellebrede er alligevel ikke fast

Hej alle,

Jeg har følgende stykke kode:

<table border=1 style="width: 700;">
  <tr>
    <td colspan="4" style="font-size: 14px; font-weight: bold;"><br />XXXXXXXXXXXXXXXXXXXXXX</td>
  </tr>
  <tr style="font-size: 12px;">
    <td style="width: 10px;"></td>
    <td style="width: 50px;">Test</td>
    <td style="width: 120px;">Test</td>
    <td>Test</td>
  </tr>
</table>

Hvorfor ændre cellebrederne sig hvis teksten som X'erne definere bliver længere? Prøv f.eks. at sætte et ekstra X ind, så går cellebrederne amok. Op til det ovenstående antal X'er er der inden problemer?!
Avatar billede keysersoze Ekspert
18. juli 2006 - 12:33 #1
fordi browseren ellers ikke ved hvad den skal gøre med teksten - der findes flere muligheder, her på eksperten bruger man overflow: hidden;
Avatar billede fennec Nybegynder
18. juli 2006 - 12:37 #2
Det hjælper at angive den sidste width også:

<table border=1 style="width: 700px;">
  <tr>
    <td colspan="4" style="font-size: 14px; font-weight: bold;"><br />XXXXXXXXXXXXXXXXXXXXXX</td>
  </tr>
  <tr style="font-size: 12px;">
    <td style="width: 10px;"></td>
    <td style="width: 50px;">Test</td>
    <td style="width: 120px;">Test</td>
    <td style="width: 520px;">Test</td>
  </tr>
</table>
Avatar billede ahrensberg Nybegynder
18. juli 2006 - 12:56 #3
kersersoze:> Hvor er det du vil definere denne overflow?

fennec:> Yup, ved godt at det hjælper ved at hardcode den nederste linie også, men den samlede brede er ikke altid den samme, og derfor skulle breden på den nederst blot være det resterende af breden.
Avatar billede keysersoze Ekspert
18. juli 2006 - 13:07 #4
i stylen på din td
Avatar billede ahrensberg Nybegynder
18. juli 2006 - 13:11 #5
keysersoze:> Jeg ved ikke hvilken td du mener, men har haft det stående i alle mine td'er nu, og intet hjælper?!
Avatar billede keysersoze Ekspert
18. juli 2006 - 20:25 #6
<table border=1 style="width: 700px;">
  <tr>
    <td colspan="4" style="font-size: 14px; font-weight: bold;"><div style="width: 700px; overflow:hidden;"><br />XXXXXXXXXXXX</div></td>
  </tr>
  <tr style="font-size: 12px;">
    <td style="width: 10px;">1</td>
    <td style="width: 50px;">2</td>
    <td style="width: 120px;">3</td>
    <td style="width: 520px;">4</td>
  </tr>
</table>
Avatar billede ahrensberg Nybegynder
25. juli 2006 - 20:25 #7
keyseroze:> Din kode resultere bare i at fejlen er der hele tiden, med mindre man fastsætter sidste søjlebredde, som jeg tidligere skrev at jeg helst ikke ville.
Avatar billede keysersoze Ekspert
25. juli 2006 - 20:38 #8
Jeg er ikke helt med - du skriver "at fejl er der hele tiden", hvad præcist mener du med det? Hvilken "sidste søjlebredde" er det du ikke vil ændre på?
Avatar billede ahrensberg Nybegynder
25. juli 2006 - 23:10 #9
Prøv selv vise ovenstående i en browser, i hvert fald en IE browser. Og fjern den "sidste søjlebredde", altså:  style="width: 520px;"

Så vil du kunne se at resten af bredderne ikke er rigtige bagefter. Forstår du hvad jeg mener? :o)
Avatar billede keysersoze Ekspert
26. juli 2006 - 08:28 #10
ja - det kan jeg godt se, men jeg troede du stadig havde problemer med at tabellen udviddede sig. Du kan ikke forvente at få elementer til at se ud som du vil have dem medmindre du styler dem - i dette tilfælde hvor du ikke vil/gider skrive 520 så regner browseren det ikke bare automatisk om med 700-10-50-120, den tror at den bare må udvidde den efter behov og så er der jo lige pludselig for meget bredde og det vælger den så at dele ud blandt de øvrige td'er.

Så vil/gider du ikke style et element må du forvente at browseren gør som den tror det skal være og ikke som du mener det skal være. Hvad er der iøvrigt også i vejen med at skrive den sidste style?
Avatar billede keysersoze Ekspert
05. august 2006 - 14:47 #11
lukketid?
Avatar billede ahrensberg Nybegynder
20. september 2006 - 08:26 #12
Takker for svar og kommentar. Modtog dog aldrig svar på mit problem desværre.

... opgaven lukkes.
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