Jak najlepiej zakodować?

Question

Jak powinienem to zakodować?

http://s2.ifotos.pl/img/aaaajpg_srwxqre.jpg

Ten prostokąt to div z takim dwukolorowym tłem ciętym na ukos. W divie znajdują się dwie kolumny (dwa inne divy), a ten dwukolorowy prostokąt to tło dla tych kolumn. Grafiki takiej raczej nie warto kodować. W Css zrobiłem kształt tej jaśniejszej części, ale nie wiem jak to zakodować by tworzyło tło dla innych divów.

Answer 1

Dwa divy z float left po 50% i ten "ukosny" pasek to po prostu ustal jako tło całości.

Comments

Pisząc ukosny pasek masz na myśli obrazek? Nie za bardzo wiem jak to zrobić. Możesz trochę dokładniej opisać.

---

w CSS background-image i jako parametr link do obrazka :)

Answer 2

Popróbuj coś z właściwością transform:

#jeden {
  	transform: skewX(20deg);
}

#dwa {
    transform: skewX(-20deg);
}

Jeżeli nie będzie działać popróbuj z przedrostkami silników(-moz, -webkit, -ms, itd).

Answer 3

Zrobiłem

width: 500px;
height: 0;
border-left: 200px solid transparent;
border-bottom: 560px solid #181822;
position: absolute;
z-index: -1;

a na diva w którym znajduje się tło dałem position relative i overflow hidden.