Problem z divami Opcje

[RaiZeN]

Cześć, tworzę swoją stronę opartą na divach, i mam z nimi kolejny problem. Kod wygląda tak (nieskończony)

[HTML] pobierz, plaintext 
<center><div style="color:#FFF;background-color:#237AA6;padding:8px 35px 8px 14px-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:393px;height:88px;position:absolute;">t</div>
	<div style="color:#000000;background-color:#C4C4C4;padding:8px 35px 8px 14px-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:750px;height:1000px;">
	<div style="color:#FFF;background-color:#237AA6;padding:8px 35px 8px 14p…-border-radius:4px;-moz-border-radius:4px;border-radius:4px;">→ O mnie ←</div>
tekst...
</div></center>
[HTML] pobierz, plaintext 

Tylko część odpowiedzialna za głównego div'a na środku. Strona wygląda tak:
http://screenshu.com/static/uploads/tempor...c/ia/4bs6dk.jpg

I chciałbym aby zaznaczony na zdjęciu obiekt znalazł się nie przy "ścianie" tylko przy głównym div'ie. Próbowałem "display:inline-block;" niestety nic to nie dało.

[session]

Ja umieściłbym ten zaznaczony element razem z "głównym div'em" razem w jednym divie, i tam już zastosował odpowiednie CSSy:
Przykład

I nie musisz używać tagu <center> możesz to osiągnąć w CSSach.

Jeśli chcesz, żeby "główny" div był sam wyśrodkowany możesz ewentualnie ustawić margin-left:-[szerokość niebieskiego elementu]; . W ten sposób niezależnie od rozmiarów okna te divy zawsze będą na śroku strony powiązane ze sobą.

Ten post edytował session 28.04.2014, 18:21:32

[RaiZeN]

Działa, dzięki.