[CSS] 2 bloki obok siebie bez uzycia float

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.

0

a zestaw dl i dt/dd ?

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

0

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

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>

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