Cum să plasați un subsol astfel încât să se "lipsească" în partea de jos a paginii? =). Sunt sigur că toți artiștii de layout, mai devreme sau mai târziu, își pun această întrebare. Mai mult decât atât, soluția trebuie să fie cross-browser + ar trebui implementată folosind CSS, fără scripturi. În caz contrar, utilizatorii cu javascript dezactivat nu vor funcționa, este, în general, un stil rău. Soluția, despre care voi vorbi, este susținută de IE5 +, FF1 +, Opera7 +, Safari2 + și este scrisă în CSS pur. În primul rând, vă spun ce ar trebui să fie aspectul paginii și apoi despre stilurile CSS care le vor aduce în acțiune.
Amenajarea paginii
Ce avem: containerul conține conținut. iar subsolul este situat separat, după containerul principal. Este foarte important ca subsolul să nu fie în interiorul containerului care conține conținutul paginii.
Pentru a plasa un subsol în partea de jos a paginii, trebuie să aplicați următoarele stiluri:
E simplu. Întinde HTML, corpul, container posibil pentru întreaga înălțime a paginii. Ulterior subsol trebuie să fie ridicat în sus cu o valoare egală cu înălțimea sa. Pentru a face acest lucru, utilizați marja de-top 70px, cu o valoare negativă, egală cu înălțimea de subsol noastre. Toate ok, dar cu un astfel de scenariu, în cazul în care conținutul ocupă întreaga înălțime a paginii, subsolul va nalezaet la el, și nu e cool și cu siguranță nu ceea ce era necesar. În acest scop, și este padding la conținutul de jos:
După aceea, conținutul conținutului va fi întotdeauna la o distanță egală cu înălțimea subsolului, deasupra părții de jos a paginii. Această deschidere doar umple footerul nostru.