MK pisze:
> On 16 Cze, 12:07, eryq <e...@i...pl> wrote:
>> Witam.
>>
>> Mam problem z podziałem stronki przy pomocy CSS 50/50.
>>
>> Dokładniej chodzi mi o to aby strona wygladała tak
>>
>> +----------------------------------------+
>> | x | y |
>> | +----------------------+ |
>> | | z | |
>> | | | |
>> | +----------------------+ |
>> | |
>> +----------------------------------------+
>>
>> x - np kolor czerwony
>> y - np kolor czarny
>> z - np kolor zółty
>>
>> Czy ktoś wie jak to zrobić?
>
> Nie jestem pewien, czy dobrze rozumiem. Chodzi o taki efekt, że połowa
> tła strony ma jakiś kolor, a druga połowa ma inny?

U mnie to wygląda jakby chciał, żeby prawa krawędź wyglądała jakby ją
pies pogryzł ;)

> Jeżeli tła mają być jednolite, to w prosty sposób można to obejść tak:
>
> 1. Przygotuj obrazek 1px wysokości

Co tak mało? 100px wysokości przy jednolitym kolorze mu niewiele wpłynie
na rozmiar, a przeglądarki nie zajedziesz.

> na jakieś 3000px szerokości o

Ze skrajności w skrajność, 3000px? Dla kogo tyle? 2000px to już max
naciągane.

> jednolitym tle (w tym przypadku czarnym - kolor Y).
> 2. Zadeklaruj tło body czerwone (kolor X) z obrazkiem przesuniętym o
> 50%

Chyba nie rozumiesz jak działają % dla background-position:
http://www.w3.org/TR/CSS21/colors.html#propdef-backg
round-position
"<percentage>
A percentage X aligns the point X% across (for horizontal) or down
(for vertical) the image with the point X% across (for horizontal) or
down (for vertical) the element's padding box. For example, with a value
pair of '0% 0%',the upper left corner of the image is aligned with the
upper left corner of the padding box. A value pair of '100% 100%' places
the lower right corner of the image in the lower right corner of the
padding box. With a value pair of '14% 84%', the point 14% across and
84% down the image is to be placed at the point 14% across and 84% down
the padding box."
ergo tło strony będzie czarne, no chyba że pójdzie na łatwiznę i zrobi
obrazek tła do połowy wypełniony jednym kolorem, a reszta drugim, co
zresztą polecam :)


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}