Pozycjonowanie div-a względem bottom okna przeglądarki Opcje

[Czadus]

Jak w temacie. Sam nie wiedziałem, pod jakimi hasłami dokładnie tego szukać. Zatem mam potrzebę umieszczenia pewnego obrazka, niezależnie od całej zawartości strony, wyrównując zawsze względem dołu przeglądarki. Nieważne, gdzie jestem na stronie, czy przesuwam ją w dół, czy w górę, element ten jest zawsze na dole przeglądarki pod całą zawartością strony. Ma to być taki element tła.

Piszę o tym w tym temacie, chociaż nie do końca jestem przekonany, czy we właściwym nie wiedząc również, z czego dokładnie skorzystać do stworzenia takiego efektu.

[R&R]

Popraw strukturę..

I daj tego swojego diva ->div class="mainLine2" jako naprawdę ostatniego przed </body

Sam znalazłeś i dałeś świetny przykład.. podejrzałeś źródło?

U gościa ten dolny div wyglada tak:

[HTML] pobierz, plaintext 
<!--end of container4-->
 
<div id="footer2">
<p style="padding: 0; margin: 0;">&copy; Wickham 2008</p>
</div>
 
</body>
[HTML] pobierz, plaintext 

natomiast style i opis do tych styli wygląda tak:

[HTML] pobierz, plaintext 
<style type="text/css">
/*<![CDATA[*/
<!--
html, body { height: 100%; margin: 0; padding: 0; }
#container4 { width: 730px; margin: 0 auto; border: 0; padding: 0 20px; min-height: 100%; }
* html #container4 { height: 100%; } /*IE browsers less than IE7*/
#clearfooter { height: 45px; border: 0; margin: 0; padding: 0; } 
#footer2 { width: 100%; text-align: center; height: 35px; padding: 10px 0 0 0; margin: -45px auto 0 auto; border: 0; background-color: #ccccc2; } 
html { overflow-y: scroll; } /*to create a vertical dummy scrollbar in Firefox or Safari which would not have a scrollbar with height 100%. If you move to and from pages which don't have a vertical scrollbar to a page which does, it makes the page content jump sideways without a forced dummy scrollbar (works in Firefox and Safari but not in Opera; IE always shows a dummy scrollbar; Opera needs min-height and height: 101% in the container styles but it causes a standard scrollbar, not a dummy, and is less correct.)*/
#container4 h1 { margin: 0px; padding: 0px; }
//-->
/*]]>*/
</style>
[HTML] pobierz, plaintext 

Natomiast style Twojego diva : < div class="mainLine2" ></ div>, (stopy strony), wyglądają tak:

[HTML] pobierz, plaintext 
.mainLine2 
{ 
	width: 100%; 
	height: 136px; 
	float: left; 
	background-image: url('/pliki/grafika/backgroundBottom.jpg'); 
	margin-top: 15px; 
}
[HTML] pobierz, plaintext 

Poza tym, tu: http://www.dave-woods.co.uk/?p=170 jest to naprawdę przejrzyście opisane..

Myślę, że poradzisz sobie z przestawieniem klocków? No nic, nie będę Ci odbierał miłej zabawy (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Pozdrawiam
rr

Ten post edytował R&R 2.03.2009, 08:32:39