[CSS][HTML] Dwa DIV'y obok siebie jako tło + Wyśrodkowanie. Opcje

[Giluś]

Hej, mam dosyć problem z wyśrodkowaniem diva do pewnej pozycji i dodanie do niego z lewej i prawej strony tła do końca przeglądarki..

Za dużo nie będę się rozpisywał mój kod wygląda następująco:
http://jsfiddle.net/VPLJQ/6/

Podgląd na całej stronie:
http://fiddle.jshell.net/VPLJQ/6/show/


I teraz widzicie ten tekst "Left" jest praktycznie w jednej szerokości od lewej strony ekranu co napis: "Logo itd.." i teraz chciałbym dodać z lewej strony tło białego koloru do krańca przeglądarki i z prawej strony do końca przeglądarki tego koloru podobnego do zielonego..


Jak to dokonać ?
Jak robię jakimiś innymi metodami to ten napis "Left" jest na boku okna przeglądarki i a nie prawie dokładnie pod napisem "Logo itd..", a nie chce dawać margin, padding itd, ponieważ jak ktoś będzie miał inną szerokość to ten napis będzie pływał, jak to zmienić ?

Efekt końcowy chciałbym uzyskać mniej więcej taki: (bez tych linii czarnych, bo to od paint'a oraz tego kawałku żółtego).


Pozdrawiam i z góry bardzo dziękuje za pomoc

[by_ikar]

Napisałeś to tak, że nie do końca rozumiem o co ci chodzi. Chcesz aby strona była podzielona na pół pionowo, gdzie cała lewa byłaby biała, a cała prawa strona, byłaby zielona? Jeżeli tak, to już "prawie" masz ten efekt, tylko zamiast opakować to w "center", przenieś lewa/prawa na sam początek kodu, następnie ustaw im szerokość 50% (width) i dodaj z-index kolejnym elementom.

[Giluś]

Nie za bardzo ogarniam jak to zrobić, dokładnie aby ta warstwa była jedna pod drugą.., no ale mniejsza oto, bo problem w tym przypadku jest taki:

Gdy to robię ten napis "Left" przechodzi na pozycję "Left: 0" czyli jest w skrajnym miejscu lewej strony okna przeglądarki (lewego boku), a ja bym chciał aby ten napis mi się zaczynał dokładnie w tym momencie co napis: "Logo"..

Pozdrawiam i z góry bardzo dziękuje za pomoc

Edit:
http://fiddle.jshell.net/VPLJQ/9/show/

Taki efekt chcę osiągnąć, tylko chciałbym dodatkowo osiągnąć, aby ten napis: "Left" był w tej pozycji co napis: "Logo itd.." na tej samej szerokości od lewego okna przeglądarki...

Ten post edytował Giluś 28.07.2014, 08:23:56

[Kloc]

nadaj dla tego diva w którym jest napis padding, albo dla napisu left margin.

[Giluś]

nadaj dla tego diva w którym jest napis padding, albo dla napisu left margin.

Tak, ale ja przykładowo dla swojej szerokości czyli: 1366px ustawię 366px do napisu "Logo", a u kogoś innego do tego napisu będzie przykładowo 200px, lub 700px.. to wszystko zależy od szerokości ekranu, co nie ?

[Kloc]

tak jesli szerokości masz ustawione procentowo, ale wtedy napisy tez procentowo ustawiaj.

logo ustaw np 40% od lewej krawedzi ekranu i left tak samo. ustaw je absolutnie.

Jesli divy masz w px to logo np 500px od lewej krawedzi tego diva, a left oblicz odejmując szerokosc lewego diva od 500 i o tą różnice oddal napis od lewej krawedzi diva w którym sie on znajduje.

[by_ikar]

http://jsfiddle.net/eeNf4/ zobacz w pełnym widoku czy o coś takiego chodziło. Dodałem do .content obrys i minimalną wysokość, żebyś wiedział gdzie się znajdują.

[Giluś]

No dobrze, poczęci mam załatwiony ten problem, samemu doszedłem do niego.
Dzięki bardzo