Zaloguj się

Kati · (Ten post był ostatnio modyfikowany: 04-09-2010, 16:49 przez Kati.)

Mam problem z kolorem tła. Nie chce się ustawić.
W sekcji body mam kilka divów, które nie zajmują jednak całej strony. W jaki sposób ustawić kolor? Przykładowo po wpisaniu kodu 'background-color: blue' nie działa. Jeżeli wrzuce wszystkie pudełka do osobnego diva i ustawie w nim kolor tła to owszem ustawia się, ale kończy się tam gdzie jest koniec ostatniego pudełka, wiec jeżeli będzie monitor z większą rozdzielczością na dole będzie pojawiał się biały pasek. Jeżeli zmienię wielkość tego diva za pomocą hight wtedy ustawione kolorowe tło zajmuje za dużo miejsca na dole i z boku ustawia się pasek przewijania mimo, że nie jest to konieczne.
Mogę wrzucić kod.
Jak rozwiązać problem?

KeeL · 04-09-2010, 16:54

Podrzuć kod Smile

**dziamber** · 04-09-2010, 17:51

Kod PHP:
body {
    background: blue;
} 

Może to Ci pomoże

Kati · 04-09-2010, 17:53

html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<meta name="author" content="KK" />
<meta http-equiv="reply-to" content="@" />
<meta name="keywords" content="x" />
<meta name="copyright" content="KK" />
<meta http-equiv="content-language" content="pl" />
<title>x</title>
</head>

<div id="header">
header
</div>
<div id="main">
tekst
</div>
<div id="extras">
<ul>
<li>About</li>
<li>Usługi</li>
<li>Galeria</li>
<li>Kontakt</li>
</div>
<div id="footer">
stopka
</div>

</body>
</html>

css

<style type="text/css">
#body {
background-color:#b0c4de;
font-family: Arial, Verdana, sans-serif;
font-size: small;
margin: 0; /* usuwa domyslne ustawienia marginesów przegladarki*/
padding: 0;
}

/*#container {
background: #ffff66;
height: 1000px;
overflow: auto;
} */
#header {
background: gray;
height: 128px;
padding: 0px;
margin-right: 29%;
margin-left: 20%;
margin-top: 5px;
margin-bottom: 5px;
}

#extras {
font-family: Arial, Verdana, Helvetica, serif;
margin-right: 10%;
margin-left: 72%;
background: #ffff66;
padding: 10px; /*dodaje odstęp wewnątrz kolumny bocznej*/
}

#main {
background-color: yellow;
float: left;
width: 40%;
margin-left: 20%;
margin-bottom: 5px;
border: dotted;
padding: 5%;
}

li {
list-style: circle;
}
#footer {
clear: left;
margin-right: 29%; /*stopka wyrównana z zawartością strony*/
margin-left: 20%;
padding: 15px;
margin-bottom: 3%;
background: pink;
}
</style>

swinia · 04-09-2010, 18:31

a może ustawienie tła w html pomoże??

Kati · 04-09-2010, 18:50

już wiem, miałam wpisany # przed body, a nie powinno go być. i wszystko pięknie działa : )

KeeL · 04-09-2010, 20:40

No widzisz Smile

Jednak pomogło Ci, sam dostrzegłeś błąd.

A na przyszłość kod php, CSS i inne wklejaj w znacznikach [c od e] i [/ co de] oczywiście bez spacji.

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie