[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

[erix]

http://www.positioniseverything.net/piefecta-rigid.html

[petrrr]

A ja do budowania struktury strony polecałbym Ci jakiś framework CSS.
Ja korzystam z 960 GRID SYSTEM i jestem super zadowolony

[danny6]

kod html zamień na ten:

[HTML] pobierz, plaintext 
      <div id="stopka">
      <div id="copyright">
 
      <span class="float_left">
      Napis po lewej stronie
      </span>
 
      <div class="float_center">
      Napis na środku<br />ciąg dalszy
      </div>
 
      <span class="float_right">
      Napis po prawej stronie
      </span>
 
      </div>
      </div>
[HTML] pobierz, plaintext 

a css na ten:

[CSS] pobierz, plaintext 
.float_left {
float: left;
}
 
.float_right {
float: left;
}
 
.float_center {
float: left;
}
[CSS] pobierz, plaintext 

i do poszczególnych kolumn pododawaj sobie odpowiednie szerokości i wysokości tak żeby Ci odpowiadało

Ten post edytował danny6 13.08.2009, 22:09:39