[CSS] 2 bloki obok siebie bez uzycia float

Odpowiedz Nowy wątek
2008-07-30 16:21

Rejestracja: 15 lat temu

Ostatnio: 3 lata temu

0

Mam 2 elementy blokowe. chcę, żeby pierwszy element był po lewej stronie, a drugi po prawej. Oba elementy mają mieć ustawioną właściwość z-index, wieć nie mogę używać float. inline-block odpada, bo ma to działać na IE. Chciałem to jakoś wypozycjonowac, ale coś mi nie wychodzi.

Te 2 elementy są wewnątrz innego, a mówiąc "do lewej" i "do prawej", mam na myśli względem tego kontenera.

Pozostało 580 znaków

2008-07-30 18:11

Rejestracja: 13 lat temu

Ostatnio: 11 lat temu

0

a zestaw dl i dt/dd ?


"Zdrowy rozsądek to zbiór uprzedzeń nabytych do osiemnastego roku życia." - Albert Einstein
!user image

Pozostało 580 znaków

2008-07-30 19:35

Rejestracja: 15 lat temu

Ostatnio: 3 lata temu

0

chodziło mi o coś takiego:
http://img229.imageshack.us/img229/6627/boxvm1.png

left_box i right_box mają nie być floatowane!
inaczej mówiąc:
right_box (float: right;}
left_box (float: left;}
trzeba zamienić na coś innego.
z-index nie działa razem z float

Pozostało 580 znaków

2008-07-30 22:59

Rejestracja: 13 lat temu

Ostatnio: 11 lat temu

0

A position w stylach, nie wiem za bardzo co to mają być za boksy.


"Zdrowy rozsądek to zbiór uprzedzeń nabytych do osiemnastego roku życia." - Albert Einstein
!user image

Pozostało 580 znaków

ŁF
2008-08-03 12:19
ŁF
Moderator

Rejestracja: 17 lat temu

Ostatnio: 1 tydzień temu

0

tu najbardziej brutalne rozwiązanie

<table style="width:100%">
<tr>
    <td style="text-aligh:right;">
        <div style="border:solid 1px;width:200px;margin:0 auto">treść</div>
    </td>
    <td style="text-aligh:left;">
        <div style="border:solid 1px;width:200px;margin:0 auto">treść</div>
    </td>
</tr>
</table>

niestety nie będziesz mieć oblewania tekstem w środku.

możesz też wywalić tabelę, użyć position:relative dla drugiego div i przesunąć go w prawo, jednak jeśli kontener ma zmienną szerokość, to nie uzyskasz pożądanego efektu (i ponownie nie będzie oblewania tekstem pośrodku). możesz też użyć margin:auto i dać dla któregoś bloku duży padding, który odsunie go od drugiego, wady identyczne jak w poprzednim zdaniu.

czemu musisz użyć z-index? może zadziała coś takiego?

<div style="border:solid 1px;float:left"><div style="z-index:5">treść</div></div>
<div style="border:solid 1px;float:right"><div style="z-index:5">treść</div></div>

Pozostało 580 znaków

Odpowiedz

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0