Hogy kell megoldani ezt CSS-be?

Megvalósítható abban is, csak nem túl szép. Kép méreteit is meg lehet adni %-os mértékkel.

Két lehetőséged van: reszponzív technikát alkalmazol (google: rsponsive webdesign) vagy fluid oldalt készítesz, és a befoglaló div-ek szélességét %-ban adod meg.

Célszerű a két technikát ötvözni fluid oldal esetén is, mert nagyon kicsi méretben (okostelefon állítva min. 480px széles) a több hasábos megoldás nem nyerő.

Viszont fluid %-os div-es megoldásnál több befoglaló divvel kell dolgoznod, mert a padding és margin értékek eléggé megkavarhatják a diveket!

Sok sikert!

A gond az,hogy sehogy se lesz tökéletes a dolog:)

Ennek több oka is van,de főleg a képek a problémák.

Mert a képeknek fix képarányuk és méretük van. A másik,hogy bizonyos méret alatt értelmezhetetlen a kép.

Igazából még nincs ott a technika,hogy erre tökéletes megoldást adjon. A mai böngészők már tudnak kicsinyíteni és nagyítani,a jó az lenne,ha ezt automatice megtennék,ha az oldal engedélyezné és megadná az alap szélességet.