Ezt most értettem meg igazán, ugyanis a következőt szeretném csinálni: van két divem, mindkettő pontosan 50% széles, és float: left-tel egymás mellé vannak helyezve. Azonban szeretném, ha a divekben levő tartalom egy bizonyos távolságra helyezkedne el a divek szélétől, mert így javul az olvashatóság, de a diveknek továbbra is össze kell érniük (azaz a width: 49% nem megoldás).
Ezt a régi ie box model-ben egy egyszerű padding érték megadásával el lehetett érni.
Most ez nem működik, mivel a padding megnöveli az elem méretét, ezért a float-tal egymás mellé helyezett divek egymás alá csúsznak. Ehelyett kénytelen voltam azt csinálni, hogy a két diven belül létrehoztam 1-1 segéddivet, azokba kerül a tartalom, és azoknak már meg lehet adni paddingot.
(Ha valakinek van szebb megoldása, ne tartsa magában. :))
Én azt értem, hogy a standard-ek jók, de a rossz standard-ek szerintem nem jók.
- BaT blogja
- A hozzászóláshoz be kell jelentkezni
- 1170 megtekintés
Hozzászólások
Paddingot ahol lehet kerülni, ha szélesség is meg van adva mellette. nem szép, de legalább üzembiztos.
Ugyanígy a mindenféle positiont is kerülni kell, hacsak tényleg nem indokolt annak használata és nincs más megoldás.
----------------
Lvl86 Troll
- A hozzászóláshoz be kell jelentkezni
A problémát olvasva – azt hiszem, – én is segéddivekkel oldottam volna meg, ami ugyan ellentmond annak az alapvetésnek, hogy ne pakoljunk csak a formázás kedvéért plusz HTML-tageket a forrásba, de őszintén megvallva ilyen esetkben nagy ívben tojok erre az elvre, mert nem fogok azzal órákat szívni, hogy összetákoljak valami még gányabb megoldást.
Én amúgy mind a mai napig el szoktam felejteni először a padding+border beszámítását, aztán csodálkozok, hogy miért nem a megfelelő helyre teszi. A vázoltakat tekintve nekem is logikusabb lenne a másik modell, bár lehet, hogy csak azért, mert gyakran kényelmesebb lenne.
Ettől függetlenül azért én is kíváncsi lennék rá, hogy erre mi az okos megoldás :)
Amúgy meg valahol (habár kétségtelenül csekélyebb mértékben) még ma is igaz, miszerint A web dizájn egy méreg, ami csábít a szép felületekkel, aztán a css-t kódolva pusztulsz el. (forrás)
Csak ma már a modernebb oldalak esetén a CSS-hez hozzá jön a JS és esetleg a HTML5 ;)
- A hozzászóláshoz be kell jelentkezni
div {
float: left;
width: 44%;
padding: 3%;
}
igy-e?
--
x-plane :: hu
- A hozzászóláshoz be kell jelentkezni
Ezzel csak az a baj, hogy a padding szélessége nem lesz fix, hanem függ a container element szélességétől, azaz ha a container kicsi a padding is kicsi lesz, míg ha a container nagy, a padding is nagy lesz.
--
Don't be an Ubuntard!
- A hozzászóláshoz be kell jelentkezni
Nem véletlenül a fix széles layoutok a menők manapság. :)
- A hozzászóláshoz be kell jelentkezni