50% kleur 1, 50% kleur 2

[Basx95]

Hallo beste mensen!
Ik zit met een probleem...
Ik wil graag 2 kleuren op mijn achtergrond, van m'n website, maar dit lukt niet...
Echter, ik had eerst i.v.m. tabellen & td's 50/50 ingesteld, maar ik kwam er daarna achter dat dit niet de oplossing was, want dan kan de content niet meer in het midden van de pagina komen... Iemand een oplossing?

Groetjes, basx95

[maikel]

Misschien is het slim om het wat duidelijker uit te leggen.

2 kleuren op je achtergrond?
- 50/50 verdeling horizontaal
- 50/50 verdeling verticaal
- Verloop
- Niet belangrijk welke indeling

Maikel

[Terror-web]

Gebruik maken van z-index, gebruik ook de zoekfunctie of google voor deze term.
Kleine toelichting: je plaats de 2 vlakken op 1 "laag", je content in het midden hierboven.

[Energy Design]

Of wat je zou kunnen overwegen is een achtergrond afbeelding
2.000 px breed en 1px hoog en vervolgens geef je in je css de volgende regel:
body {
background: url('/images/bg.gif') repeat-y center top;
}
Succes!

edit: Het nadeel zou kunnen zijn dat dit veel laad tijd kost, maar ik heb even gekeken hoe groot het zou worden en dat is WEL 0,1kb dus dat is niet het punt;)

en Maikel wat bedoel je met duidelijker uitleggen wat hij wil?
Ik wil graag 2 kleuren op mijn achtergrond, van m'n website, maar dit lukt niet...
Echter, ik had eerst i.v.m. tabellen & td's 50/50 ingesteld Hierin kan je afleiden dat hij 2 kleuren wil en gebruik maakte van td's dus ik denk dat het duidelijk genoeg is dat het om 2 kleuren gaat die horzontaal naast elkaar staan:)

[Basx95]

Bedankt in ieder geval allemaal voor de reactie, maar het is nog niet opgelost...
De bedoeling is dat er twee kleuren komen die de gehele achtergrond vullen, waarop (precies in de align en vAlign in het midden) de website komt, zodat de gradient gewoon doorloopt over de 100% width van de website... Dus op de achtergrond komt die 50/50 kleurenverdeling...

Ter verduidelijking hieronder een speciaal gemaakt plaatje :
** URL ** (http://bastiaanx.890m.com/designs/Cheyennelive%20Helpp.jpg)
http://bastiaanx.890m.com/designs/Cheyennelive%20Helpp.jpg

Groetjes

[maikel]

De beste oplossing hiervoor is een gradient maken die een aantal pixels breed is en over de breedte herhaald wordt.
Verder kun je dan als je wil je background ook in het midden centreren dmv het gebruik van background-position. Zodat het verloop altijd precies in het midden staat.

Succes!

Maikel

ps: http://www.w3schools.com/css/css_background.asp
pps: http://www.w3schools.com/css/tryit.asp?filename=trycss_background-position_percent

En voer bij deze laatste eens dit in:
background-image: url('smiley.gif');
background-repeat: repeat-x;
background-attachment:fixed;
background-position: 0 50%;