+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS] kolor tła (/thread-css-kolor-tla)
[CSS] kolor tła - Kati - 04-09-2010
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?
RE: [CSS] kolor tła - KeeL - 04-09-2010
Podrzuć kod
RE: [CSS] kolor tła - dziamber - 04-09-2010
Kod PHP:
body {
background: blue;
}
RE: [CSS] kolor tła - Kati - 04-09-2010
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="container"> -->
<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>
<!--</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>
RE: [CSS] kolor tła - swinia - 04-09-2010
a może ustawienie tła w html pomoże??
RE: [CSS] kolor tła - Kati - 04-09-2010
już wiem, miałam wpisany # przed body, a nie powinno go być. i wszystko pięknie działa : )
RE: [CSS] kolor tła - KeeL - 04-09-2010
No widzisz
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.