CSS ekspert

lyder lidt som om du vil lave noget tabel bare med CSS og div
ref https://www.google.com/search?q=css+table+as+div
http://stackoverflow.com/questions/3053205/how-create-table-only-using-div-tag-and-css

http://www.dummies.com/how-to/content/using-the-div-tag-to-create-tables.html

http://www.w3schools.com/html/html_layout.asp

Hvorfor tænkte jeg ikke på det, tak for hjælp har fundet min løsning ved at gøre brug af tabel! :-)

Det kan også gøres uden tables, ved at få elementerne til at opføre sig som tables:

 .box {
     display: table;
     table-layout: fixed;
 }
 .box > div {
     display: table-cell;
 }

Hvorfor tænkte jeg ikke på det, tak for hjælp har fundet min løsning ved at gøre brug af tabel! :-)

tabeller er til tabulære data. (går ud fra det er det du vil)
brug af tabeller til design er misbrug. (gik man bort fra i år 2000)

Det kan også gøres uden tables, ved at få elementerne til at opføre sig som tables:

hvilke også var det der stod i de 2 første link jeg gav.

men rigtige tabeller har sine fordele, hvis de bliver brugt rigigt!! (dvs tabulære data)
har selv stor glæde af denne http://tablesorter.com/docs/

Hvis det blot er et spørgsmål om præsentation, så ville flexbox, meget lig Dans metode, også kunne klare den opgave ganske simpelt:

 .box {
     display:flex;
 }
 
 .box > div {
     flex:1 1 100%;
 }

Tja flex box er nice. Men hvad er support for den?

Tja flex box er nice. Men hvad er support for den?

ledende spm ??

ref http://caniuse.com/#feat=flexbox
så er der et issues i
IE 10 og IE9 understøtter det slet ikke
Android 4.3, 4.1, fremefter er det supporteret

så hvad anvender målgruppen ??

Jeg kiggede netop på caniuse.com inden jeg foreslog flexbox. Kigger man blot på seneste versioner så er der "green across the board", selv i Opera Mini, som ellers ynder at være den eneste der er rød i mange tilfælde (i hvert fald blandt de seneste ting jeg har slået op på caniuse.com).

Om man bør benytte sig af det, når hele tabellen ikke er grøn kan være et ømtåleligt emne, alt efter hvem man spørger, men min egen holdning er at det er fair nok i det mindste at begynde på det (og også at foreslå det til andre, som her på Udvikleren), når de seneste versioner alle understøtter det uden prefixes eller "partial support", hvilket netop er tilfældet her.

jeg er enige, man kan begynde på det (afh af målgruppen), men der skal være en fallback (igen afh af målgruppen), til dem der ikke har nyeste vertioner af browsere, man siger gerne senete 3 vertioner.

https://css-tricks.com/using-flexbox/
https://css-tricks.com/forums/topic/flexbox-with-fallback/

fallback kunne laves med js
ref http://designkarma.co.uk/blog/using-flexbox-now

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

IE med Conditional comment (fjernet i IE10) jf https://msdn.microsoft.com/en-us/library/hh801214%28v=vs.85%29.aspx

ellers kunne man anvende https://modernizr.com/docs hvilke nok er den mest anvendte, istedet for html5.js

har man lavet et kontrol opslag på nettet, så kom med et link, det kan øge troværdigheden af indlægget, og andre kan få inspiration til sider der er gode at besøge