Hogy nyomjuk a pincében webhelyet a az oldal alján, hogyan helyezze el a blokk az oldalon található, design stúdió
Elérhetőségeink: +7 (928) 029 69 59 7 (909) 493 69 59
Legutóbbi munkája a létrehozása és előmozdítása WEB stúdió Stavropol, Pyatigorsk és Cherkessk
Megfelelően használja CSS stílusokat. Hogyan szorítani a pincétől a az oldal alján, és hogyan helyezze el a blokk közepén.
Gyakran létrehozásakor helyek Cherkessk Sztavropol és alkalmazására van szükség bizonyos CSS technológia végrehajtásához ezeket a feladatokat. Például előfordul, hogy szükség van az oldalon egy kis mennyiségű tartalom szorítani footer (pince) a helyszínen, hogy a az oldal alján, keresse meg a készülék a képernyő közepén, és így tovább. Nagyon sok módja van, hogy megoldja ezeket a problémákat, de nem mindegyik érvényes és cross-böngésző kompatibilitás. Ebben a cikkben fogjuk keresni a módját, amely lehetővé teszi, hogy megfeleljen ezeknek a kihívásoknak az érvényességét és cross-browser.
Az ingatlan «min-height» régebbi böngészők.
Annak érdekében, hogy a „make” régebbi böngészők értik tulajdonát «min-height», egyszerűen hozzá a blokk, amit szeretnénk állítani egy minimális magassága 100%, a következő stílusokat:
Hogy nyomjuk lábléc az oldal aljára.
Fogunk létrehozni egy HTML fájlt a következő kódot:
Most nézzük meg, mi az, ami. Egy HTML dokumentum, létrehoztunk három egység id «dokumentum», «aux» és «lábléc». Nézzük az egyes blokk.
Blokk «dokumentum» negatív behúzás (margin) alulról magasságával egyenlő «Lábjegyzet» blokk. Eljárás használatával a meghatározó tulajdonságok «min-height», a fent leírtak szerint, azt állítsa megegyezik a minimális magassága 100%.
Tekintettel arra, hogy a «footer» kívül «dokumentum» blokk böngésző jeleníti meg a az oldal alján.
Block „aux” is egyenlő a magassága a pince helyén, és arra szolgál, hogy megakadályozza, hogy a „átfedés” a pincében webhely tartalmát, ha ez nagyobb, mint a magassága a böngésző ablakot.
Hogyan kell elhelyezni a blokk közepén CSS segítségével.
Gyakran előfordul, hogy amikor létrehoz egy adott oldalon, akkor kell helyezni a div, vagy más elemet a képernyő közepén. Mikor jön a vízszintbeállításán központjában, nem okoz nehézséget, elég hozzá, hogy a blokk következő CSS stílusok:
Ezekkel CSS stílusokat rendelt blokk, igazítás vízszintesen középre. Nézzük úgy, hogy összehangolják a blokk közepén és függőlegesen. Ez a módszer akkor használható, ha szükséges összehangolni fix méretű blokk, azaz ha az ismert szélessége és a blokk magassága. Nézzük meg a HTML és CSS:
Most nézzük meg a részleteket a CSS kódot. Kértük a blokk magassága 200px és 300px szélessége megegyezik, és alkalmazható egy adott blokk abszolút pozicionálás 50% feletti, és 50% bal. Ezután állítsa negatív felső margó (margin) felével egyenlő a magassága a központosító egységet és egy negatív bal margó felével egyenlő szélességű mi blokk.
Most megnézheted az eredményt minden böngésző, a mi egység lesz található pontosan a képernyő közepén.
Ha meg kell változtatni a szélességét, illetve magasságát az egység, biztos, hogy módosítsa az értéket és a margin-top és margin-left. beállítja őket a felével egyenlő magassága és szélessége a blokk, ill.
Gumi három hasábos elrendezés az oldalon.
Gyakran, amikor egy weboldal létrehozása, szükséges, hogy a gumi három hasábos elrendezés az oldalon. ami elfoglalja a teljes szélességében a böngésző ablakot. A mi gyakorlatban, akkor az alábbi módszer segítségével gumi elrendezése a helyszínen. amely érvényes és határon böngésző kompatibilitás:
Mintegy WEB DigitalART studio
Web Design Studio DigitalART
Stúdiónk szolgáltatásokat biztosít létrehozása és előmozdítása szervezetek és vállalkozások Sztavropol. Pjatyigorszk és Cherkessk.