Skocz do zawartości

Pusty DIV do samego dolu ekranu.

pbupbu

Przez pbupbu
w HTML i CSS

Rekomendowane odpowiedzi

pbupbu Newbie

pbupbu

Opublikowano
Opublikowano

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
Dezaprobator Newbie

Dezaprobator

Opublikowano
Opublikowano

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

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • 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