Lábjegyzet
Ábra. 6.10. Grass megjelenik a határon túli
Egy másik pont, hogy figyelembe kell venni előre -, hogyan kell megjeleníteni a pincében egy kis mennyiségű tartalom. Lehetséges „lóg” pince, amely alján megjelenik egy weboldal háttér (ábra. 6.11a), vagy a pincében töltött fel az alsó széle az ablak (ábra. 6.11b).
a. lógó pincében
b. Basement nyomódik szélén
Ábra. 6.11. pince fajok
Tény, préselt, hogy az alján a pincében nem volt elég ahhoz, hogy töltse ki az üres tér a pincében az azonos színű, mint a fű. Ennek köszönhetően a trükk a benyomást keltik, hogy a pincében elfoglalja a teljes fennmaradó helyet.
Ábra fű speciálisan szűk és magassága 27 pixel, ami nem elég a magassága pincénkben, ezért hozzá ugyanaz a minta háttérszíne # e2ed9c. Ehhez adjunk hozzá egy réteg nevű footer-bg, és adja meg a szükséges háttér színét.
HTML egyszerű.
Itt a tartalom szélessége (szélesség) hozzáadott érték padding a bal és a jobb oldalon, amely végül szélességét adja meg a elrendezés 760px. A szöveg jobbra mozdul segítségével az univerzális tulajdonság árrés. adunk a választó P. A kód létrehozásához a pincében és a szöveg:
Továbbra is csak a engedélyezéséhez rajz fekvő oroszlán és végül megfelelő stílust. Leo hozzá, mint egy normális kép a címke útján. és hogy ellenőrizzék álláspontját a képet a
oroszlános osztályban. Azonban ebben az osztályban is fel lehet szerelni közvetlenül a tag. A pince végleges kód példában bemutatott 6.16.
Példa 6.16. pince kód
az oroszlán azt a testhelyzetet, a helymeghatározás. Ehhez a szülő elem kell adnia a pozíció ingatlan egy relatív. oroszlán elem és abszolút. Ebben az esetben, a tulajdonságok és a bal felső koordináták képest a szülő kontroll, azaz a Azonban van egy probléma, tölti ki a teljes szélessége az oldal, és az oroszlánt kell állapítani azt, hogy az elrendezés a 760px. Az értéket a bal nem lehet meghatározni, mert nem tudjuk, hogy mi a pixel egyenlő a távolság a bal szélén a böngésző a bal szélén az elrendezés. Az általunk használt trükk: bal létrehozni 50%. minta, amely összehangolja a szélén a központi tengely, és a relatív, hogy ebben a helyzetben tolódik a rajz tulajdonság margin-left a negatív (balra), illetve pozitív (jobbra) értéket.
Értékei margin-left és top választják empirikusan elérni a legjobb eredményt.
Add a kép zavaros a háttér mintázat, és elkezdenek átfedik egymást, így itt az ideje, hogy állítsák vissza eredeti helyére. Átterelni a mintát kezdődő fű amely 53 pixel. Ez a szám lett kivonva a magassága alakja egy oroszlán (80px) fű magassága szám (27px). És podymem pincénkben teljesen fel 77-80 pixel. Először is, meg kell emelni, mert a szám egy oroszlán pince megy le, másrészt, megkapjuk a bevezetését a pincében, hogy az elrendezés a határ, ábrán látható. 6.10.
Sajnos, ezek a tevékenységek nincs értelme, mert a hatása összeomló a behúzás elemek helyzete tekinthető, hogy nagyon különböző. Mégsem a hatása különböző módon, például a segítségével mezők, határok, abszolút pozicionálás, de abban az esetben nem illeszkednek. Itt a mezők és határok lesznek felesleges. Úgy emlékszem, még egy módszer, és hozzáadjuk a túlfolyó ingatlan auto. Általában, ha szükséges funkció egészíti ki a görgetősáv, ha a tartalom nem fér el a megadott méret. De most meg kell túlcsordulás csak egy -, hogy megszünteti összeomló árrés.
Szöveg, a pincében és a zöld háttér is emelkedik, így footer-bg réteget kell telepíteni a felső margó magasságát oroszlán figura.
Végül a legfontosabb része a tartalom alulról hozzá területén egyenlő a mintázat magassága, úgy, hogy a szöveg nem volt zárt pincében.
Stílust a pincében példában adjuk 6.17.
Példa 6,17. stílus pincében
Továbbra is megoldja az utolsó kérdésre, nem pince lóg-e vagy sem (lásd. Ábra. 6.11). Az egész fent bemutatott megvalósítás azt célozza, lóg pince, meg lehet változtatni a viselkedését csupán eltolja a háttérben a footer-bg testben. Bár ez a művelet beállítása egy zöld háttér színe az egész oldalon, akkor lesz észrevehető csak ha egyértelmű alatti tér a pincében. Más szakaszok, mint a sapkák, a legfőbb szerv állítja be a saját háttér színe, így azok felvételét a háttérben a BODY választó nem fogja érinteni.