Forum PHP.pl > [CSS]text ma problem z parametrami margin i padding

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS]text ma problem z parametrami margin i padding

furious_knight

13.06.2013, 12:29:17

witam serdecznie,

Projektuje właśnie prostą stronkę a jako że nie jestem doświadczonym webmasterem mam kilka małych problemów i bardziej niż uzyskać rozwiązanie chciałbym przede wszystkim zrozumieć dlaczego tak się właśnie dzieje.....

otóż mam napis w stopce która jest przyklejona do dołu ekranu

kod strony wygląda następująco:

[HTML] pobierz, plaintext 
<!doctype html>
<html>
 
<head>
<meta name="author" content="Hirsz Sławomir 607-615-136" />
<meta name="keywords" content="Hicopy, hicopy, hi-copy, Hi-copy " />
<meta name="description" content="Hicopy" />
<meta charset="UTF-8">
 
<link rel="stylesheet" href="<?=$this->getThemePath()?>/css/style.css" media="all">
<?php  Loader::element('header_required'); ?>
 
<title>Hicopy</title>
 
</head>
 
 
<body>
<div class="header">
	<div id="baner">
		<img class="header_img" src="<?=$this->getThemePath()?>/images/logo.png" alt="Hicopy" />
			<div id="nav">
				<ul>
 
						<li><a href="#">O nas</a></li>
						<li><a href="#">Oferta</a></li>
						<li><a href="#">Kontakt</a></li>
 
				</ul>
		</div>
	</div>
	<div id="slider_box"> 
		<div class="slider">
		</div>
	</div>
 
</div>
<div class="main">
asdfadf<br>asdfadf<br>asdfadf<br>asdfadf<br>asdfadf<br>asdfadf<br>asdfadf<br>asdfadf<br>asdfadf<br>asdfadf<br>asdfadf<br>asdfadf<br>asdfadf<br>
</div>
<div class="footer">
 
<span class="text_stopka"> 2013 firma Gdansk.    Wszystkie prawa zastrzeżone</span>
</div>
<?php  Loader::element('footer_required'); ?>
</body>
</html>
[HTML] pobierz, plaintext

a oto fragment css

[HTML] pobierz, plaintext 
 .main{
 width: 80%;
  min-width: 1000px;
 height: auto;
 margin: auto;
 }
 
 .footer{
 
  position: fixed;
  display: block;
  bottom: 0;
  background-color: #414141;
  width: 100%;
  height:40px;
  min-width: 1000px;
  text-align: center;
  vertical-align: middle;
 }
 
 .text_stopka{
  color: white;
  font-family: 'Century Gothic', 'My_gothic';
  font-size: 0.6em;
  border: 1px solid white;
  margin-top: 10px;
 
 }
[HTML] pobierz, plaintext

jakie kolwiek próby dopisania margintop w klasie text_stopka nie ruszają w ogóle tekstu... tak samo padding.... a skoro klasa footer ma dodane display block to krawędzie powinny być jasno określone...
Moje przypuszczenia to albo popełniłem błąd nie robiąc na razie nic z doctype albo to przez to ze stopka ma parametr position fixed;

proszę o uwagi jak to rozwiązać i przede wszystkim DLACZEGO tak się właśnie stało( jak się dowiem to więcej tego byka nie popełnię

pozdrawiam

Talidali

13.06.2013, 12:37:38

Hej,

marginesy działają tylko dla elementów blokowych. Span jest elementem liniowym więc nie ma prawa działać tutaj margin

furious_knight

13.06.2013, 13:17:29

ale wtopa dzięki za info:)

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.