Html-ben vagy css-ben meg lehet adni %-os és abszolút mérőszámot vegyesen?
Például 20%+10px ?
Mert sokszor másképp nem lehetne a méreteket beállítani. Például egy blockquote-nak megadom a szélességét: width:80%, de a padding:10px az kifelé megnöveli, azaz nem tudom szabályozni, ha valamit ezzel azonos szélességűnek szeretnék állítani!










pl: width: 80%-10px;
És olyan volt, mintha 10 pixellel tényleg keskenyebb lenne. Talán internet explorer tudta ezt.










CSS3-al megoldható, de előre közlöm, hogy nincs rá garancia, hogy minden böngészőben működik!!
/* Firefox */
width: -moz-calc(75% - 100px);
/* WebKit */
width: -webkit-calc(75% - 100px);
/* Opera */
width: -o-calc(75% - 100px);
/* Standard */
width: calc(75% - 100px);





A fenti kódomat inkább dobjátok a kukába :)
Nálam csak a Firefoxban hajlandó működni, a többi böngészőben meg se moccan... :(
Én kipróbáltam, azért furcsállottam, mert Firefox alatt nem működött!
Egyébként a padding, miért kifelé növel?
Ha valaminek megadom a méretét, width, height, akkor az miért nem a teljes méret?





Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!