headeris

Kaip sutvarkyti headeri? Beda pamatysite nuotraukoje :|

Kaip sutvarkyti headeri? Beda pamatysite nuotraukoje :|

Paprasčiausia būtų šiek tiek pašviesint reikiamą paveiksliuko pusę.

O jei visgi reikia skirtingų spalvų iš kievienos pusės, galima šiek tiek pasižaisti su CSS. Tarkim turi tokį HTML:

<div id="container">
  <div class="left">
  </div>
  <div class="right">
  </div>
  <div id="content">
  </div>
</div>

Ir CSS:

#container {width: 100%; height: 200px; position: relative;}
.left, .right {position: absolute; width: 50%; height: 100%; top: 0;}
.left {left: 0; background: lime;}
.right {right: 0; background: orange;}
#content {background: blue; width: 500px; height: 200px; margin: 0 auto; position: relative; z-index: 100;}

Tiek .left, tiek .right blokai bus 50% pločio ir kiekvienam jų atskirai galėsi nustatyti spalvą, o jų sandūrą paslėps turinys. Šitas variantas be pataisymų galioja fiksuoto aukščio turiniui, bet panašu būtent to tau ir reikia. :)