Centered content with changing background color
in [CSS]
|
From: Albert Ross on 20 Apr 2010 11:34 On Tue, 20 Apr 2010 08:48:38 -0400, Joshua Cranmer <Pidgeot18(a)verizon.invalid> wrote: >On 04/20/2010 05:11 AM, invalidmasonc(a)invalid.invalid wrote: >> On Tue, 20 Apr 2010 17:44:45 +1000, dorayme<dorayme(a)optusnet.com.au> >> wrote: >> >>> >>> What greek? >> >> Lorem ipsum iisque utroque maiestatis et mea, nec et solum modus >> copiosae, quo evertitur posidonium intellegebat in. Vis platonem >> abhorreant no, cu simul virtute sapientem sit. Duo eu erant >> prodesset persequeris, facer doming gloriatur mel id, ea ius ubique >> offendit signiferumque. Ea vis dicam tantas labores, has cu congue >> scripserit. > >That's Latin, not Greek. Yet typographers etc. call it "greeking". Weird eh? probably a result of sniffing all those fonts
From: David Stone on 19 Apr 2010 12:01 In article <36e3ecf5-1841-4405-a58b-90b63402e007(a)s9g2000yqa.googlegroups.com>, shapper <mdmoura(a)gmail.com> wrote: [snip] > I think I didn't explained myself well or maybe I am understanding > your explanation. > > Basically, I want to have a center div with the content. > > The page background on the left of that div would be red and the page > background on the right of that div would be black. > The content div background would be white. Something like: > > RED CONTENT(White BK) BLACK Does this suffice? Obviously, you'd want to do something about the green background that shows up if the browser window is higher than the content... http://www.chem.utoronto.ca/~dstone/html/split-background.html It would be nicer if you could stretch background images the way you can with, say, an <img> - that way, you could avoid having to make a background image wider than you expect the widest screen to be. Unfortunately, I don't see that in CSS 2.1 specs. Could you achieve the same effect using a small <img> with height and width set to 100%, layered behind the content using z-index?
From: Ben C on 20 Apr 2010 12:33 On 2010-04-20, Joshua Cranmer <Pidgeot18(a)verizon.invalid> wrote: > On 04/20/2010 05:11 AM, invalidmasonc(a)invalid.invalid wrote: >> On Tue, 20 Apr 2010 17:44:45 +1000, dorayme<dorayme(a)optusnet.com.au> >> wrote: >> >>> >>> What greek? >> >> Lorem ipsum iisque utroque maiestatis et mea, nec et solum modus >> copiosae, quo evertitur posidonium intellegebat in. Vis platonem >> abhorreant no, cu simul virtute sapientem sit. Duo eu erant >> prodesset persequeris, facer doming gloriatur mel id, ea ius ubique >> offendit signiferumque. Ea vis dicam tantas labores, has cu congue >> scripserit. > > That's Latin, not Greek. It certainly isn't Latin (or Greek).
From: Ben C on 19 Apr 2010 13:40 On 2010-04-19, shapper <mdmoura(a)gmail.com> wrote: > On Apr 19, 11:21�am, Ben C <spams...(a)spam.eggs> wrote: >> On 2010-04-19, shapper <mdmo...(a)gmail.com> wrote: >> >> > Hello, >> >> > Is it possible to create a page with centered contend where the margin >> > on the right has a different background color of the margin on the >> > left? >> >> > Any idea how to accomplish this? >> >> Margins are always transparent, so just give the thing the box is on >> top of a sort of harlequin background (either fill it with a couple of >> divs with different colours, or use a vertically repeating image). > > I think I didn't explained myself well or maybe I am understanding > your explanation. > > Basically, I want to have a center div with the content. > > The page background on the left of that div would be red and the page > background on the right of that div would be black. > The content div background would be white. Something like: > > RED CONTENT(White BK) BLACK What colour do you want the page to be above and below the div?
From: Thomas 'PointedEars' Lahn on 19 Apr 2010 14:24
shapper wrote: > Is it possible to create a page with centered contend where the margin > on the right has a different background color of the margin on the > left? Yes. > Any idea how to accomplish this? Floats. > Thank You, You are welcome. PointedEars -- Prototype.js was written by people who don't know javascript for people who don't know javascript. People who don't know javascript are not the best source of advice on designing systems that use javascript. -- Richard Cornford, cljs, <f806at$ail$1$8300dec7(a)news.demon.co.uk> |