ugrás a tartalomhoz

CSS, képernyő felbontáshoz igazodó doboz

szuvik1 · 2014. Aug. 13. (Sze), 21.48
Sziasztok!

Segítségetek kérném egy problémámra. Azt akarom megcsinálni, hogy egy böngésző ablakban a tartalmam mindig ugyanott legyen, és a felbontástól függően a doboz nagyobb vagy kisebb legyen. Tehát pl: beállítok mondjuk egy html oldalon egy hátteret, és egy div dobozt rakok, és azt akarom hogy a bal, jobb, fent, lenti margó mindig fixen mondjuk 300px legyen, és a div doboznak meg a felbontástól függően kéne mozognia. Remélem érthető amit leírtam. Csináltam gyorsban is egy rajzott hátha úgy jobban érthető.:D
https://www.dropbox.com/s/wwbkh6xl68c4fbe/help.png
(a margók mindenhol 300px)

Köszönöm a segítségetek előre! Nagyon meg hálálnám a jó a választ, mert már régóta keresem a megoldást és nem sikerült rájönnöm.

szuvik1
 
1

Absolute

bamegakapa · 2014. Aug. 13. (Sze), 22.14
Használd ki a position: absolute azon tulajdonságát, hogy ellentétes oldalú eltolások (top vs bottom, left vs right) megadásával nyújtani lehet az elemet.

Valami ilyesmi:
div {
    position: absolute;
    top: 300px; right: 300px; bottom: 300px; left: 300px;
}
Demó
2

:OOO erre nem is gondoltam,

szuvik1 · 2014. Aug. 14. (Cs), 00.42
:OOO erre nem is gondoltam, hálám üldöz:D
3

Szia, még egy kérdésem lenne.

szuvik1 · 2014. Aug. 14. (Cs), 01.27
Szia, még egy kérdésem lenne. Most azt akarom, hogy abban a divben amit középre pozicionáltam, lenne még egy div amit szintén pozicionálni kéne a szülő div-hez. Megcsináltam úgy ahogy leírtad, jó is, addig ameddig nem akarom nagyítani vagy kicsinyíteni.
Ha nagyítom nem tartja az arányokat a szülő div-hez képest.
https://www.dropbox.com/s/6jwifm7myyvm9mo/1.png

Ha kicsinyítem akkor meg kiugrik a szülő div-ből.
https://www.dropbox.com/s/4bh5ys8bgh5n9k3/2.png

(a piros keretes div-ről van szó)
És így akarom hogy kinézzem, alapban ilyen is.
https://www.dropbox.com/s/k7hjjcj5u5cbm0m/3.png
4

Azt hiszem, elérkezett az a

Hidvégi Gábor · 2014. Aug. 14. (Cs), 09.04
Azt hiszem, elérkezett az a lélektani pillanat, amikor elkezdhetsz utánanézni a css-ben használt mértékegységek típusainak.
6

Szia, igazad volt. Sikerült

szuvik1 · 2014. Aug. 14. (Cs), 13.01
Szia, igazad volt. Sikerült megoldanom.
5

css calc

szabo.b.gabor · 2014. Aug. 14. (Cs), 09.37
Én kipróbálnám a css calc-ot is.
div{
height:calc(100% - 10em);
margin:5em;
}