[css] buttony przylepione do ramki...

[Aht]

Chodzi o stronkę http://www.aht.z.pl ( http://apehost.galacvalley.com/~aht/ - jakby coś).
Na dole, pod tekstem otoczonym ramką są buttony, ich położenie określiłem niestety na sztywno:

Kod: Zaznacz cały

.buttons {
bottom: 5px;
left: 150px;
position: fixed;
}

Niestety kiedy nie określam bottom, to buttony wędrują od razu na samą górę strony... Co zrobić aby zawsze były pod tekstem otoczonym ramką?
Tu jest bezprośredni link do pliku styli: http://apehost.galacvalley.com/~aht/fil ... efault.css
To był pierwszy problem jaki napotkałem przy robieniu tej strony, i niestety nie potrafię go rozwiązać...

[Gość]

Kod: Zaznacz cały

.buttons {
top:160px;
left: 150px;
position: fixed;
}


[Aht]

Nie mogę na sztywno okreslić odległości od góry, mi zależy na tym żeby to zawsze pojawiało się po ramce z tekstem, a ta może mieć różną długość...

[argasek]

Nie jestem pewien czy dobrze rozumiem, ale zaprojektuj to tak,
aby umieścić <div>-a w <div>ie, i po sprawie...

[Dexter]

Hm...

Kod: Zaznacz cały

<div class="contents">
  <div class="buttons">
  </div>
</div>

.buttons {
margin-top:20px;
left:150px;
position:fixed;
}


U mnie buttony pod ramką!

[argasek]

Przede wszystkim, nie podoba mi się to:

Kod: Zaznacz cały

position: fixed;


Fixed oznacza pozycję stałą względem viewportu, a nie względem elementu. Proponuję użyć absolute / relative.

[Aht]

Dzięki za zainteresowanie. Powiem jakie wasze rady odniosły skutki jak tylko będę mógł je sprawdzić w praktyce. Na razie męczę Debiana (Sid), zainstaluję go i będę mógł znowu zajmować się stroną, z Debiana

[Aht]

Wystarczyło coś takiego

Kod: Zaznacz cały

<div class="contents">
  <div class="buttons">
  </div>
</div>

a w stylach:

Kod: Zaznacz cały

.buttons {
bottom: 0px;
position: absolute;
}

Dzięki za pomoc 8)

[argasek]

Pamiętaj tylko o jednym... IE niepoprawnie obsługuje

Kod: Zaznacz cały

bottom: 0px;


przekonaj się sam (ale i to można obejść)