[CSS][HTML] Odpowiednie ustawienie elementów, div... Opcje

[-lukasamd-]

Witam,
mam problem z odpowiednim ustawieniem elementów, obrazek poniżej prezentuje jak to ma w teorii wyglądać:



Kod wygląda natomiast tak:

[HTML] pobierz, plaintext 
  <div id="stopka">
    <div id="copyright">
      <span class="float_left">
        Napis po lewej stronie
      </span>
      <span class="float_right">
        Napis po prawej stronie
      </span>
      <div style="text-align:center;width:300px;margin:auto;">
        Napis na środku<br />ciąg dalszy
      </div>
    </div>
</div>
[HTML] pobierz, plaintext 

CSS następująco:

[CSS] pobierz, plaintext 
#stopka { 
  margin: auto;
  width: 990px;
  height: 140px;
  background-image: url('/obrazek.jpg');
  background-repeat: no-repeat;
}
 
#copyright {
  font-size: 9px;
  padding-top: 92px;
  padding-left: 25px;
  padding-right: 25px;
}
 
.float_left {
	float: left;
}
 
.float_right {
	float: right;
}
[CSS] pobierz, plaintext 

No i "nie idzie" -
a) albo mam schodki (lewy wyżej, środek niżej, prawa jeszcze niżej)
B) albo środek i prawa są ok a lewy jest niżej niż powinien być
c) albo lewy i prawy jest ok a środek niżej

wszystko zależnie od umiejscowienia poszczególnych elementów w kodzie.
Jak to zrobić, aby wyglądało jak powinno?

Ten post edytował lukasamd 12.08.2009, 13:46:07