+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Problem z Szablonem/Szkieletem strony (/thread-problem-z-szablonem-szkieletem-strony)
Problem z Szablonem/Szkieletem strony - Yavimava - 15-03-2011
Witam. Całkiem niedawno wpadłem na pomysł by nauczyć się tworzenia stron internetowych. Przeczytałem kilka kursów, poradników (html, css, PHP zostawiam na później bo jak na razie to potrafię tylko jakieś pierdoły typu obliczenia/proste formularze). Ściągnąłem pierwszy lepszy edytor (kED - wydał mi się prosty. Próbowałem też inne ale jakoś nie byłem przekonany, jeśli polecacie jakiś lepszy to z chęcią wysłucham rad fachowców) i zacząłem od podstaw - Szkielet + CSS. Kilka problemów udało mi się jakoś rozwiązać (nie ma to jak wujek google), jednakże natrafiłem na taki, z którym już nie daję rady.
Na czym polega problem? Otóż chciałbym, by <div> z treścią strony był zawsze dociągnięty do stopki strony.
Kod:
<div id="body">
<div id="header">
Nagłówek szablonu
</div>
<div id="menu">
<ul>
<li><a href="">Strona główna</a></li>
<li><a href="">Pozycja 1</a></li>
<li><a href="">Pozycja 2</a></li>
<li><a href="">Kontakt</a></li>
</ul>
</div>
<div id="content">
<p>Treść strony</p>
KONIEC STRONY
</div>
<div id="footer">
Stopka
</div>
</div>Kod:
html, body {
background-color: #0080ff;
color: #000;
margin: 0;
padding: 0;
height: 100%
}
#body {
width: 1004px;
margin: 0 auto;
min-height: 100%;
position: relative;
}
#header {
background-color: #888;
}
#menu {
overflow: hidden;
background-color: #ccc;
}
#content {
overflow: hidden;
background-color: #fff;
padding-bottom: 40px;
}
#footer {
position: absolute;
bottom: 0;
clear: both;
width: 1004px;
height: 40px;
background-color: #888;
}Jedyne rozwiązanie które widzę, to dodać linijkę background-color: Content_Color; do #body ale to mnie nie satysfakcjonuje gdyż jest do droga na skróty, a później może być utrudnieniem.
I jeszcze dwa pytania niezwiązane z tematem:
1) Czemu kodowanie iso-8859-2 jest gorsze od utf-8?
2) XHTML 1.0 Strict czy 1.1? Czego używać? Zalecane 1.1 ale IE<9 nie obsługuje application/xhtml+xml
RE: Problem z Szablonem/Szkieletem strony - qiqqq - 16-03-2011
W bloku odnoszącym się do ciała dokumentu masz ustawione:
height: 100%
Możesz albo to usunąć, i wówczas strona nie będzie rozciągnięta na całą wysokość przeglądarki tylko automatycznie dopasuje się do treści. Jeżeli jednak chcesz, aby była w taki sposób rozciągnięta, to pozostaje rozwiązanie które sam zaproponowałeś, czyli nadanie tej części odpowiedniego koloru.
Ad 1) iso-8859-2 nie jest w cale gorsze od UTF-8, ten drugi standard jednak bardziej się przyjął
Ad 2) Ja uważam XHTML 1.0 Strict za najczystszą wersję tego języka. Wersja 1.1 rózni się tylko pewnymi orientalnymi znacznikami, które praktycznie w ogóle nie są używane
RE: Problem z Szablonem/Szkieletem strony - Yavimava - 16-03-2011
@up
Zgadza się, w bloku odnoszącym się do ciała dokumentu mam ustawione height: 100% po to, by stopka przylegała do dolnej krawędzi przeglądarki w chwili, gdy treści jest mało. Jeśli treść > okno przeglądarki, wtedy stopka idzie niżej i by ją zobaczyć trzeba przewinąć suwak.
Jak usunę height: 100%, to stopka wędruje do dolnej krawędzi treści
Jedynym rozwiązani jakie w tej chwili mogę zastosować to ustawić takie samo tło dla treści i body. Chciałbym jednakże poznać inne - lepsze rozwiązanie
