Skocz do zawartości

  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • ✅ Pełny dostęp do działów i ukrytych treści
    • ✅ Możliwość pisania i odpowiadania w tematach
    • ✅ System prywatnych wiadomości
    • ✅ Zbieranie reputacji i rozwijanie swojego profilu
    • ✅ Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

Problem z Divem(Uczę się)

NakloxPL

Rekomendowane odpowiedzi

NakloxPL Pomocnik

NakloxPL

Opublikowano
Pomocnik

NakloxPL

Opublikowano

Witam, otóż tworzę stronę internetową i mam problem.. Może to drobnostka, zapewnie tak, ale chciałem was spytać

 

Otóż co zrobić aby dolny pasek był rozciągnięty całkowicie na boki jak górny?

Próbowałem zrobić z dolnym to samo co z górnym, ale dolny ma nie jezdzić z użytkownikiem jak ktoś scroluje na doł..

Męcze się już ponad 1h metodą prób i błędów, eh..

 

(SCREEN)

http://screenshu.com/static/uploads/temporary/lj/lw/at/codzrc.jpg

 

Jeśli potrzebujecie kodu to napiszcie.

 

Dziękuje za każdą odpowiedź.

Tak.

Gość

Gość

Opublikowano

Gość

Opublikowano

Dodaj następujące dyrektywy dla elementów body i html:

html, body {
  margin: 0;
  padding: 0; 
}

Według oficjalnych specyfikacji wartość dyrektywy padding dla elementu body wynosi zero (http://www.w3.org/TR/CSS2/sample.html), ale zawsze lepiej dla pewności wyzerować tą wartość (poczytaj o reset css, i normalize.css)

NakloxPL Pomocnik

NakloxPL

Opublikowano
Pomocnik

NakloxPL

  • Autor
Opublikowano

http://screenshu.com/static/uploads/temporary/kn/dk/gj/6xj2i6.jpg

body
{
    background: url(img/tlo3.jpg) no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed; 
    width: 99%;
	margin: 0;
	padding: 0;
}
#container
{
	width: 960px;
	min-height:1500px;
	margin-left: auto;
	margin-right: auto;
}
/*#logo
{
	height: 100px;     LOGO JAK BY CO
}*/
#menu
{
	z-index:1;
	border-bottom: solid 1px;
	/*border: solid 1px; */
	height: 90px;	
	min-width: 960px;
	background-color: #217345;
	position: fixed;
	top: 0;
    left: 0;
    right: 0;
	/* PRZEŹROCZYSTOŚĆ opacity: 0.9; */
}
#logo
{
	margin-top: 5px;
	margin-left: 480px;
	position: center;
	height: 90px;	
	min-width: 360px;
	position: fixed;
	top: 0;
    left: 0;
    right: 0;	
}
#CiemnoscPodMenu
{
	z-index:2;
	margin-top:91px;
	height: 23px;
	opacity: 0.70;
	background-color: #217345;
	width:100%;
	
}


</head>

<body>
		<div id="CiemnoscPodMenu"></div></div>
	<div id="container"> 
		<div id="logo"></div>
			<div id="menu">
				<div id="logo">
					<img src="img/logo2.png"/>
				</div>
			</div>
			</div>

</body>

</html>

Tak.

Gość

Gość

Opublikowano

Gość

Opublikowano

Usuń dyrektywę width: 99% dla elementu body.

body
{
    background: url(img/tlo3.jpg) no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed; 
	margin: 0;
	padding: 0;
}

http://codepen.io/anon/pen/VeaBMZ

Zarchiwizowany

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

Tematy
×
×
  • Dodaj nową pozycję...