HTML táblázat átméreteződés?

1. Nálam jó: [link]

2. A táblázatok alapértelmezett viselkedése böngészőfüggő. A min-width, max-width, width paraméterekkel játszhatsz, és használhatod a table-layout: fixed CSS tulajdonságo a táblázatra, így:

table {

table-layout: fixed;

}

Itt a leírás: [link]

Itt pedig egy gyakorlati problémamegoldást találsz: [link]

Viszont én azt mondom, ez az elrendezést nem táblázattal kellene, megoldani, hanem div-ekkel.

1, ez megy nekem pedig padding-right:15px;

td {

border: 1px solid white;

border-collapse: collapse;

padding-left: 10px;

padding-right: 15px;

}

2, Azért nem csökken tovább, mert a táblázatban lévő tartalom nem engedi.

Arról van szó, hogy van ugye egy sorod, amibe van 2 cella ezek egymás mellé kell kerüljenek, plusz mindegyikben van input-box,ami ráadásul + még border és padding is..

Ha rugalmasabb elrendezést akarsz , akkor a css-ben flex , ha css ,de rács szerű akkor a grid, illetve lehet figyelni a megjelenítést és attól függővé tenni bizonyos elemek megjelenítését stb..

A div mondhatni egy doboz, amiben további divek, vagy más elemek lehetnek.

Sokkal könnyebb vele felépíteni az oldalt, mint táblázattal, hiszen úgy rendezed, oda rakod, ahova szeretnéd.

Mindenképpen javaslom, hogy nézz utánna, mert jobban jársz, mint a táblázattal.

Másrészt pedig, div alapú oldalelrendezésre vannak jó kis keretrendszerek, mint pl. a bootstrap, 960grid, stb. Nameg a Google is jobban szereti a div-es kialakítású oldalakat, mint a táblázatosakat.

Táblázatot táblázatszerű adatok megjelenítésére haszálunk.