A teraz do rzeczy. Jak już napisałem w temacie, mam pewien problem z wyświetlaniem tekstu na stronie http://www.geodraszek.cba.pl/index.html, a nawet nie tyle tekstu, co tła w pewnym miejscu. Jak widać po wejściu na stronę, w tej szarej części z tekstem, ustawione jest w CSSie tło, rozmiarów 864x1 px. Problem polega na tym, że wyświetla go za dużo na stronie, chciałbym, żeby za tą dolną częścią szarego pola, z zaokrąglonymi rogami, nie wyświetlała się jeszcze jedna linia tła (a tak jest). Coś zapewne jest nie tak w kodzie, a że nie jestem zbyt mocny jak na razie w html-u i użyciu arkuszy css, prosiłbym o podpowiedź, co by tutaj zmienić, żeby było dobrze.
Kod strony:
Kod
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Description" content="Geodezja na wysokim poziomie, w konkurencyjnych cenanch. Działamy na terenie powiatu janowskiego i okolicznych, jednak przy większych zleceniach możliwe jest zwiększenie zakresu działalności. Geodeta uprawniony Grzegorz Draszek" />
<meta name="Keywords" content="expert, geodezja Janów Lubelski, geodeta Janów Lubelski, Grzegorz Draszek, geodezja usługi, geodezja Nisko, geodeta Nisko, geodezja Stalowa Wola, geodeta Stalowa Wola, geodezja Biłgoraj, geodeta Biłgoraj, usługi geodezyjne, lubelskie, podkarpackie, geodeta, geodeci, geodeta uprawniony, firmy geodezyjne, znaki geodezyjne, geodezja, geodeta, wytyczenie działki, inwentaryzacja budynku, Janów Lubelski, Nisko, Stalowa Wola, Biłgoraj, powiat janowski, gmina Janów Lubelski " />
<meta name="author", content="Mikołaj Draszek" />
<title>Strona główna - Usługi Geodezyjno - Kartograficzne Grzegorz Draszek</title>
<link type="text/css" href="images/styles.css" rel="stylesheet" />
</head>
<body>
<div id="container">
<div id="header">
<a href="index.html"><img src="images/glowna.png" alt="O nas" /></a><a href="o_firmie.html"><img src="images/ofirmie.png" alt="O firmie" /></a><a href="oferta.html"><img src="images/oferta.png" alt="Oferta" /></a><a href="realizacje.html"><img src="images/realizacje.png" alt="Nasze realizacje" /></a><a href="kontakt.html"><img src="images/kontakt.png" alt="Kontakt" /></a>
</div>
<div id="main-gora"> </div>
<div id="left">
<div class="normal">
<div class="pad1">
Nasze usługi: <br />
- usługi geodezyjne (np. wytyczenia budynków, geodezyjna obsługa inwestycji)<br />
- usługi kartograficzne (np. sporządzanie map do celów projektowych).
</div>
</div>
</div>
<div id="right">
<div class="normal">
<div class="pad1">
Zapewniamy wysoką jakość usług, którą doceniło już wielu. Daj nam szansę, a my sprawimy, że dołączysz do grona zadowolonych klientów.
</div>
</div>
</div>
<div id="main-dol"> </div>
</div><!--// end of container //-->
<div id="footer"> </div>
</body>
</html>
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Description" content="Geodezja na wysokim poziomie, w konkurencyjnych cenanch. Działamy na terenie powiatu janowskiego i okolicznych, jednak przy większych zleceniach możliwe jest zwiększenie zakresu działalności. Geodeta uprawniony Grzegorz Draszek" />
<meta name="Keywords" content="expert, geodezja Janów Lubelski, geodeta Janów Lubelski, Grzegorz Draszek, geodezja usługi, geodezja Nisko, geodeta Nisko, geodezja Stalowa Wola, geodeta Stalowa Wola, geodezja Biłgoraj, geodeta Biłgoraj, usługi geodezyjne, lubelskie, podkarpackie, geodeta, geodeci, geodeta uprawniony, firmy geodezyjne, znaki geodezyjne, geodezja, geodeta, wytyczenie działki, inwentaryzacja budynku, Janów Lubelski, Nisko, Stalowa Wola, Biłgoraj, powiat janowski, gmina Janów Lubelski " />
<meta name="author", content="Mikołaj Draszek" />
<title>Strona główna - Usługi Geodezyjno - Kartograficzne Grzegorz Draszek</title>
<link type="text/css" href="images/styles.css" rel="stylesheet" />
</head>
<body>
<div id="container">
<div id="header">
<a href="index.html"><img src="images/glowna.png" alt="O nas" /></a><a href="o_firmie.html"><img src="images/ofirmie.png" alt="O firmie" /></a><a href="oferta.html"><img src="images/oferta.png" alt="Oferta" /></a><a href="realizacje.html"><img src="images/realizacje.png" alt="Nasze realizacje" /></a><a href="kontakt.html"><img src="images/kontakt.png" alt="Kontakt" /></a>
</div>
<div id="main-gora"> </div>
<div id="left">
<div class="normal">
<div class="pad1">
Nasze usługi: <br />
- usługi geodezyjne (np. wytyczenia budynków, geodezyjna obsługa inwestycji)<br />
- usługi kartograficzne (np. sporządzanie map do celów projektowych).
</div>
</div>
</div>
<div id="right">
<div class="normal">
<div class="pad1">
Zapewniamy wysoką jakość usług, którą doceniło już wielu. Daj nam szansę, a my sprawimy, że dołączysz do grona zadowolonych klientów.
</div>
</div>
</div>
<div id="main-dol"> </div>
</div><!--// end of container //-->
<div id="footer"> </div>
</body>
</html>
Kod arkusza CSS:
Kod
#container {
width: 864px;
height: auto;
background-image: url(tlo-main.png);
margin: 0px auto;
border: 0px;
}
* {
padding: 0;
margin: 0;
border: 0;
}
#header {
width: 864px;
height: 256px;
}
#main-gora {
width: 864px;
height: 19px;
background-image: url(tlo-main-gora.png);
}
#main-dol {
width: 864px;
height: 19 px;
background-image: url(tlo-main-dol.png);
clear: both;
}
#left {
width: 630px;
float: left;
}
#right {
width: 234px;
float: right;
}
#footer {
width: 864px;
height: 116px;
background-image: url(footer.png);
margin: 0px auto;
border: 0px;
}
.normal {
font: normal 13px arial, tahoma;
color: #222;
line-height: 18px
}
.normal2 {
font: normal 13px arial, tahoma;
color: #e5e5e5;
line-height: 18px;
}
.pad1 {
padding: 10px 30px 10px 30px;
}
width: 864px;
height: auto;
background-image: url(tlo-main.png);
margin: 0px auto;
border: 0px;
}
* {
padding: 0;
margin: 0;
border: 0;
}
#header {
width: 864px;
height: 256px;
}
#main-gora {
width: 864px;
height: 19px;
background-image: url(tlo-main-gora.png);
}
#main-dol {
width: 864px;
height: 19 px;
background-image: url(tlo-main-dol.png);
clear: both;
}
#left {
width: 630px;
float: left;
}
#right {
width: 234px;
float: right;
}
#footer {
width: 864px;
height: 116px;
background-image: url(footer.png);
margin: 0px auto;
border: 0px;
}
.normal {
font: normal 13px arial, tahoma;
color: #222;
line-height: 18px
}
.normal2 {
font: normal 13px arial, tahoma;
color: #e5e5e5;
line-height: 18px;
}
.pad1 {
padding: 10px 30px 10px 30px;
}
Problemowy plik tła to tlo-main.png, umieszczony jest na początku arkusza css.