Pomoc w pozycjonowaniu diva

04.07.2008

20:13

[1]

Lozano23 [ Pretorianin ]

Pomoc w pozycjonowaniu diva

Kod html:

<div class="pu1">
<div class="pu2" style="margin:10px; padding:5px 0 5px 10px; font-size:10pt;">
<div align="left" style="display:inline"><b>Twoje dane na naszym portalu</b> </div>
<div align="right" style="display:inline">Edytuj</div>
</div>
TRESC
</div>

.pu1 ‹width:550px; background-color:#f6f;border: solid 1px #C5D6DF; margin:0 10px 10px 0px;›

Czyli mamy tak:
- jeden główny obszar
- podobszar w którym jest "Twoje dane..." i "Edytuj" (koniec tego drugiego podobszaru)
- treść w głównym obszarze

Chciałbym teraz zrobić tak, że "Twoje dane ..." są po lewej stronie, natomiast "Edytuj" jest wyrównywane do prawej strony.

Za cholerę nie mogę sobie z tym poradzić, a banalne to na pewno - pomoże ktoś?

Dla zobrazowania:
https://www.gry-online.pl/moje_gry-online.asp

Tak jak mamy Moje GRY-Online tylko dodać jeszcze "edytuj" w tym samym "wierszu" ale po prawej stronie.

04.07.2008

20:27

[2]

BossManPL [ Generaďż˝ ]

Nie chce mi sie rozpisywać zabij mnie, ale nie poradze. Leniwy jestem :) Mam nadzieję, że artykuł okaze się pomocny.

04.07.2008

21:10

[3]

Lozano23 [ Pretorianin ]

Spróbowałem tak:

<div class="pu4" style="margin:10px; padding:5px 0 5px 10px; font-size:10pt;">
<b>Twoje dane</b>

<div style="position:relative; top:-15px; padding-right:5px; float:right; font-size:8pt;">
<a href="profil-edycja">Edytuj</a></div>

I wszystko w porządku, tylko w przypadku FF 3.0 -15px od góry jest OK, ale dla IE pasuje dać -20px.

Da się to jakoś zoptymalizować?