Avatar billede thb Nybegynder
11. november 2004 - 20:03 Der er 8 kommentarer og
1 løsning

display: table/table-cell/table-row

Hej alle,

Jeg har prøvet at sætte noget tekst/billeder op med divs vha. css display, men jeg kan ikke få det til at virke ens i IE og FF...

<div style='display:table;'>
<div style='display:table-row;'>
  <div style='display:table-cell;'>
  Hey
  </div>
  <div style='display:table-cell;'>
  hey
  </div>
</div>
<div style='display:table-row;'>
  <div style='display:table-cell;'>
  Hey
  </div>
  <div style='display:table-cell;'>
  hey
  </div>
</div>
</div>

Det skulle gerne udskrive:

hey hey
hey hey

Hvilket det også gør i FF, men i IE udskriver den:

hey
hey
hey
hey

Hvad gør jeg forkert.. ??

Thomas
Avatar billede syvon Nybegynder
11. november 2004 - 22:14 #1
<div style='display:table;'>
<div style='display:table-row;'>
  <div style='display:table-cell;float:left;'>
  Hey&nbsp;
  </div>
  <div style='display:table-cell;float:left;'>
  hey&nbsp;
  </div>
</div><br>
<div style='display:table-row;'>
<div style='display:table-cell;float:left;'>
  Hey&nbsp;
  </div>
  <div style='display:table-cell;float:left;'>
  hey&nbsp;
  </div>
</div>
</div>
Avatar billede thb Nybegynder
11. november 2004 - 23:36 #2
Det giver dobbelt linie skift i FF, men kun et linie skift i IE... Det skulle gerne kun være et linie skift i begge...

Og burde display:table-row ikke give elementet et break før og efter ?? Ligesom block ??

Thomas
Avatar billede roenving Novice
12. november 2004 - 01:59 #3
Hvad er lige ideen i at udskrive en tabel ved hjælp af divs og specielle table-display-properties ?-)

-- men kig f.eks. på http://blooberry.com/indexdot/css/properties/classify/display.htm, hvis du insisterer, men hvorfor ikke bare:

<table>
  <tr>
    <td>
      Hey</td>
    <td>
      hey</td>
  </tr>
  <tr>
    <td>
      Hey</td>
    <td>
      hey</td>
  </tr>
</table>

-- den eneste bagdel ved den konstruktion er at den virker i _alle_ browsere, som ikke er mere end 15 år gamle (findes der andre ?-)

-- og at det ovenikøbet anbefales af w3c, som sætter standarden, hvis man skal vise data på en sådan måde, at de står i rækker og kolonner ...

-- at der så findes tåber, som tror, at tabeller ikke skal bruges mere, bør ikke påvirke html-praktikere ...

-- og slet ikke, når de, som udvikler og fastsætter standarderne, ligefrem anbefaler, at tabeller er et vigtigt element i at opbygge websider, som har brug for et tabulært design !-)
Avatar billede olebole Juniormester
12. november 2004 - 06:13 #4
<ole>

Thomas >> Jeg er helt på linie med roenving ... at bruge DIV/CSS på den måde er helt misforstået. Brug tabeller - det er det eneste rigtige til den type løsning  ;o)

/mvh
</bole>
Avatar billede thb Nybegynder
12. november 2004 - 08:43 #5
Det med denne opbygning var mest et led i min øvelse i at bruge divs..
Jeg har leget meget med divs her på det sidste og det er noget helt nyt for mig, så det var sådan set bare for at prøve at lave nogle forskellige ting helt uden tabeller. :D

Thomas
Avatar billede roenving Novice
13. november 2004 - 00:40 #6
-- det kan godt være, at man på et eller andet tidspunkt kan finde en grund til at bruge divs og css-properties som table-row osv. (f.eks. kan jeg forestille mig fornuftige implementeringer via programmerings-arkitekturer som .NET, javascript-kodede browsere som Mozilla m.m. !-)

-- men jeg har svært ved at se, at man på nuværende tidspunkt kan andet end at lave akademiske overvejelser (bl.a. da .NETs primære fokus (IE !-) overhovedet ikke understøtter den del af css !o]
Avatar billede thb Nybegynder
13. november 2004 - 11:54 #7
Kan I ikke smide nogle svar ?

Olebole har du msn.. Nu har vi snakket inde hos lars, det kunne da være meget sjovt lige at snakke lidt over nettet også...
msn: hemberg[at]tdcspace.dk

Thomas
Avatar billede roenving Novice
13. november 2004 - 16:33 #8
Velbekomme '-)
Avatar billede roenving Novice
10. december 2004 - 12:58 #9
-- og tak for point ;~}
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