Skocz do zawartości

Pusty DIV do samego dolu ekranu.


pbupbu
 Udostępnij

Rekomendowane odpowiedzi

Witam sprawa ma sie tak:

<html>
<body>
   <div id="calosc">
							<div id="naglowek"></div>
							<div id="tresc"></div>
							<div id="stopka></div>
   <div>
</body>
</html>

I teraz, odnosze sie do strony onboard-videos.com

chcialbym utworzyc pustego div-a z jakims tam background-image powiedzmy tutaj:

<html>
<body>
   <div id="calosc">
							<div id="naglowek"></div>
							<div id="tresc"></div>
							<div id="stopka></div>
							<div id="pusty_div"></div>		   --->pusty DIV
   <div>
</body>
</html>

tak aby niezaleznie od rozdzielczosci oraz monitora, ten ze pusty div z jakims obrazkiem jako background byl wyswietlany do konca, na sam dol monitora :D (niezaleznie od "podstrony" jaka przeglada uzytkownik)

sorki jesli napisalem niejasno i z gory dzieki za pomoc

Odnośnik do komentarza
Udostępnij na innych stronach

pusty div nigdy się nie dopasuje zależnie od wysokości pozostałych bez jużycia js. Można natomiast dodać atrybut tła do id calosc i osiągniesz podobny efekt.

<html>
<head>
<style>
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
margin: 0; 
padding: 0; 
border: 0; outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
width: 100%;
height: 100%;
text-align: center;
}
#calosc {
	display: block;
	position: relative;
	width: 900px;
	height: 100%;
	background: url('https://www.e-gify.com/gify/1941.gif') repeat;
	margin: 0 auto;

}
#naglowek {
	display: block;
	position: relative;
	width: 900px;
	background: #00ff00;
}
#tresc {
	display: block;
	position: relative;
	width: 900px;
	background: #0000ff;
}
#stopka{
	display: block;
	position: relative;
	width: 900px;
	background: #ffff00;
}
</style>
</head>

<body>
      <div id="calosc">
                               <div id="naglowek"><h1>Nagłówek</h1></div>
                               <div id="tresc"><strong>Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc Tresc </strong></div>
                               <div id="stopka"></div>
                               <div id="pusty_div"></div>
      <div>
</body>
</html>

Odnośnik do komentarza
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Jedynie zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Zarejestruj nowe konto

Załóż nowe konto. To bardzo proste!

Zarejestruj się

Zaloguj się

Posiadasz już konto? Zaloguj się poniżej.

Zaloguj się
 Udostępnij

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności