ከገጽ አቀማመጥ በታችኛው በጣም አግድም አግድ ብዙውን ጊዜ “እግር” ተብሎ ይጠራል። በውስጡ ፣ እንደሌሎቹ የገጹ ብሎኮች ፣ የንድፍ አካላት ይቀመጣሉ ፣ ግን ከሌሎቹ በተለየ በዚህ ልዩ ብሎክ አቀማመጥ ላይ የተወሰኑ ችግሮች ብዙውን ጊዜ ይነሳሉ ፡፡ እነሱ የተለያዩ አሳሾች የሲ.ኤስ.ኤስ. ቋንቋን ደረጃዎች በተለየ መንገድ ስለሚገነዘቡ እና እግሩ በአሳሹ መስኮት ታችኛው ጫፍ ላይ እንዲገኝ ማድረጉ በጣም ከባድ ሊሆን ይችላል ፡፡ ከዚህ በታች ለዚህ ችግር መፍትሄዎች የአንዱ ኮድ ነው ፡፡
አስፈላጊ
የ CSS እና የኤችቲኤምኤል መሠረታዊ እውቀት
መመሪያዎች
ደረጃ 1
በገጹ ምንጭ ኮድ የመጀመሪያ መስመር ላይ ለ XHTML 1.0 የሽግግር ዝርዝር ማጣቀሻ ያኑሩ
ደረጃ 2
የገጹን መዋቅር ዋና ብሎኮች በሰነዱ አካል ውስጥ (በ እና በመለያዎቹ መካከል) ያስቀምጡ። ዋናው ይዘት የሚቀመጥበት ብሎክ ሁለት የጎጆ እርከኖችን የያዘ መሆን አለበት ፡፡ ለምሳሌ ፣ ውጫዊው ለይቶ የሚያሳውቅ ውጫዊ እና ውጫዊ - ኢንነር ዲቭ
የገጹ ዋና ይዘት እዚህ ይሆናል ፡፡
ከእነሱ በስተጀርባ የእግረኛ ማገጃን ከመታወቂያ ጋር ያስቀምጡ ፣ ለምሳሌ ፣ “FooterDiv”
የገጹ ግርጌ።
ደረጃ 3
በኤችቲኤምኤል ኮድ ራስ ክፍል ውስጥ (በ እና በመለያዎቹ መካከል) ከሲኤስኤስ ቅጦች መግለጫ ጋር ወደ ውጫዊ ፋይል የሚወስድ አገናኝ ያስቀምጡ
@import "footerStyle.css";
ደረጃ 4
የተሟላ ማስተር ገጽ ኮዱን በኤችቲኤምኤል ማራዘሚያ ፋይል ላይ ያስቀምጡ ፡፡ ይህ ሊመስል ይችላል
የተጫነ እግር
@import "footerStyle.css";
የገጹ ዋና ይዘት እዚህ ይሆናል ፡፡
የገጹ ግርጌ።
ደረጃ 5
የቅጥ ሉህ ፋይልን ይፍጠሩ - በሲ.ኤስ.ኤስ. ቅጥያ እና በኤችቲኤምኤል ኮድ (footerStyle.css) ውስጥ በጠቀሱት ስም መቀመጥ ያለበት ግልጽ የጽሑፍ ፋይል። በገጹ ውስጥ ለተጠቀሙባቸው ብሎኮች የሚከተሉትን የቅጥ መግለጫዎች ለዚህ ፋይል ይጻፉ-
* {ህዳግ: 0; መቅዘፊያ: 0}
html ፣ ሰውነት {ቁመት 100%;}
አካል {
አቀማመጥ: ዘመድ;
ቀለም # 222222;
}
# ውጫዊDiv {
ህዳግ: 0;
ደቂቃ-ቁመት 100%;
ዳራ #aaaaaa;
ቀለም # 222222;
}
* html #OuterDiv {ቁመት: 100%;}
# ፎደርደርቭ {
አቀማመጥ: ዘመድ;
ግልጽ: ሁለቱም;
ህዳግ-ላይ -60px;
ቁመት 60px;
ስፋት 100%;
የጀርባ-ቀለም: - DarkBlue;
ጽሑፍ-አሰልፍ: መሃል;
ቀለም #eeeeff;
}
. InnerDiv {
ስፋት 100%;
ተንሳፋፊ: ግራ;
}
