Hogyan lehet/szokás html-ben hasábok szélességét (div-ek) %-osan megadni, de a köztük lévő rést abszulút?

nyomatékosítva:

"Hogyan lehet/szokás html-ben.."

nem lehet és főleg nem szokás

Megnézted az oldalt?

Láttad, hogy "Browser Support"?

Láttad, hogy ott van az IE is?

Akkor miért is nem ismerné?

@Golan Trevize:

de ismeri, csak mire jó neki a max width?

"Note: The max-width property does not include padding, borders, or margins!"

én ebből azt hámozom ki, hogy úgysem oldja meg a csúszást

ha mondjuk rárakod a containerre hogy 100% az egyébként is annyi, a többit meg hiába pixelezi, mert együtt összekavarodik

de javíts ki

Arra jó, hogy nem kell számolgatni.

Betesz a két hasáb közé X pixel paddinget, aztán beállítja, hogy a bal oldali mondjuk max. 30%, a jobb oldali meg max. 70%.

nyugodtan el lehet olvasni amit eddig írtunk..

egyébként még mindig nem értem, PONTOSAN hogy gondoltad a max-width megoldást, ezért próbálnék kérni valami kódrészletet vagy ilyesmi

egyébként itt van berakva a maxwidth, nem tudom ezt hogy gondoltad:

[link]

najó akkor utolsó javaslatom: egyszerű matekfeladat

adott egy minimum 800px - maximum 1900px szélességű kijelző

két egymás mellett lévő div közül az egyik 30% szélességű, a másik 60% szélességű

mennyi a közöttük lévő távolság pixelben?

a válasz: nem tudjuk

meg tudunk így adni fix eltartást?

a válasz: nem tudunk

"úgy hogy pont kitöltsék összességében az oldal szélességét?"

így nem lehet

Nos, van egy garantáltan jó megoldás, bár kissé gagyi.

Létrehozhatsz egy táblázatot (100%-os szélesség beállítással), annyi oszloppal, ahányra szükséged van. Az oszlopoknak (celláknak) %-osan megadhatod a szélességét, és pixelben a paddingot.

Ezekbe a cellákba aztán, mint oszlopokba elhelyezheted a szükséges tartalmakat.

A százalékos megadással az a gond, hogy csökkentett böngészőméret mellett a tartalmak "szétnyomhatják" őket, a weboldal így könnyen elvesztheti a szerkezetét. Ha valami olyasmire készülsz, hogy mobilweben és desktopon is ugyanúgy nézzen ki az oldal, arra jobb megoldások is vannak. Responsive Web Designek (RWD)-nek hívják. Mostanára már elég sok dokumentáció van róla a neten magyarul is, javaslom nézz utána.

Szép RWD oldalak:

[link]