Følges ikke ad

@Daniel,

Man specialiserer sig vel ikke i javascript uden at vide noget om browsere og web-udvikling.

Når en browser parser javascript sker der ikke andet i processen - javascript er singlethreaded. Så uanset hvordan du vender og drejer det vil du få en dårligere løsning ved at bruge javascript, da det tvinger dig til enten at vente med at gøre kolonerne lige højde til DOM er klar eller at du skal gøre det mens websiden indlæses.

Konsekvenserne af dette bliver kun endnu værre når man loader et library som jQuery for at kunne gøre det. HTTP Requests er det der sløver page-loads mest. Det eneste du får ud af at lave det i javascript er en dårligere løsning; Det bliver langsommere, og du risikerer at det ikke altid ser helt rigtigt ud.

Javascript, ligesom tables i øvrigt, er et fint værktøj. Det skal bare ikke bruges til basale layout funktioner. Du ser fandme heller ikke en tømrer der sømmer med en hammer eller skruer med en tang.

Selvfølgeligt er det ok at man gør ting på sin egen måde, og at man prøver at få ting til at fungere så godt man nu kan. Men hvis du belærer folk om noget, og der er en god håndværker til stede, må du altså acceptere at han protesterer når du udbreder din forkerte måde at bruge værktøjerne på...

@gustav >> hvad tror du selv performer bedst ? 20 linier CSS og en masse div's man forsøger at få til at opføre sig som en tabel, eller en tabel på 3 linier ?

Og har du den fjerneste ide om hvor hurtige browsere er i dag ? Jeg tror du skal passe på med at svine jquery så meget til.

Men kom med et reelt bud, så sætter jeg det op i tables samt div/jquery, så ser vi hvad der performer bedst.

Desuden ved jeg udemærket godt at tables ikke er til design med tabulære data. Men en celle har netop de egenskaber brugeren spørger efter. Samt google og andre større sites's frontend udviklere brugere gerne tables, men du er nok liiiiidt smartere en dem.

Alternativ argumenter liiiidt bedre end det er en joke at sætte det op i tables, samt hvorfor javascript at overkill til at lave equal heighs, jeg tror udviklerne bag asp.net, google, dell, digg.com, nbc, cbs, mozilla.org mm mener noget andet.

@Jokke, hvor får du de 20 liniers CSS fra? :-)

Tabeller er en masse overflødig markup og det er ikke semantisk. jQuery, såfremt det ikke bruges til noget andet fornuftigt, er et ekstra unødvendigt HTTP-request. Brug dog i det mindste almindeligt javascript så.

Min pointe er bare; hvorfor bruge en hel masse unødvendige og forkerte værktøjer til at opnå noget, som er så nemt med de almindelige værktøjer, som vi alle burde kende så godt? Det er dårlige vaner fra svundne tider, min ven.


@Michael, hvis det var en kommentar til mig, så er jeg ikke helt med... :-) (edit: der kom det så på, efter dit edit )

Min pointe er at vi allerede har mureskeen i hånden.

Du svarer ikke på mine spørgsmål.

Tjek lige selv den artikel du referere til :

http://css-tricks.com/fluid-width-equal-height-columns/

Der er også en tabel løsning, hvor der er væsentligt færre linier css/markup. Samtidig er der en CSs/div løsning der emulere tabeller vha display attributten, hvor der skal åndsvagt mange nestede div's til og en massse css.

Desuden benytter de alle CSS3, dvs du skider på alle IE brugere.

tabller derimod har jo netop ingen unødvendig markup, med mindre du mener nestede div's er bedre.

Det jeg vil frem til at du liiige skal have lidt mere argumenter bag.

EDIT:
Men lav nu et eksempel, så laver jeg også et. Så ser vi hvad der performer bedst og fylder mindst. Vi tester i IE6 og op, samt de FF, Opera og safari

@Michael, hvis det var en kommentar til mig, så er jeg ikke helt med... :-) (edit: der kom det så på, efter dit edit )

Min pointe er at vi allerede har mureskeen i hånden.

Hvordan ser den så ud?

Nu har jeg fundet ud af det. Mine koder ser sådan her ud

HTML:

 <div class='container'>
        <div class='forum'>
            <div class='left'>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
         </div>
     </div>
        <div class='event'>
            <div class='left'>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
         </div>
     </div>
 </div>

CSS:

 .container {
     width: 100%;
 }
 .container > div {
     display: table-cell;
 }
 .forum {
     background: #FFFFFF;
     border-right: 3px solid #000000;
     border-top: 3px solid #000000;
     width: 70%;
     border-top-right-radius: 10px;
     -webkit-border-top-right-radius: 10px;
     -moz-border-radius-topright: 10px;
 }
 .event {
     background: #FFFFFF;
     border-top: 3px solid #000000;
     width: 30%;
     border-top-left-radius: 10px;
     -webkit-border-top-left-radius: 10px;
     -moz-border-radius-topleft: 10px;
 }
 .left {
     margin-left:10px;
 }

Husk forbehold: http://www.quirksmode.org/css/display.html#table

Gustav: Prøv at stav mit navn rigtigt Hedder ikke Daniel.

Gad i øvrigt ikke at læse hele din post, for jeg ved jeg sagde flere bestemte programmerings sprog/scripts flertal

Gustav: Kan se vi går forbi af hinanden gang på gang

@Danni, beklager, men jeg er ikke helt med :-) Kan du uddybe?