Centered content with changing background color
in [CSS]
|
From: Thomas 'PointedEars' Lahn on 21 Apr 2010 08:56 shapper wrote: > Johannes Koch wrote: >> shapper schrieb: >> > 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 >> >> And what do you expect, if the canvas is higher than the content with >> white background? > > I was looking for 100% height. In all three columns. So, what have *you* tried? What did work, what did not work, how and where? 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>
From: Jeff Thies on 21 Apr 2010 12:18 Thomas 'PointedEars' Lahn wrote: > shapper wrote: > >> Johannes Koch wrote: >>> shapper schrieb: >>>> 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 >>> And what do you expect, if the canvas is higher than the content with >>> white background? >> I was looking for 100% height. In all three columns. > > So, what have *you* tried? What did work, what did not work, how and where? Equal height columns has been extensively written about here. Shapper should know that. There's several different ways of going about this, and the choice depends on both the design, and the experience of the author. I, myself, usually use javascript to pad the div bottoms so they are all equal. Most here would use a non js means and those can be complex for true equal multi column or simple for instances where one column or two are known to be shorter. It's all been discussed before. Nothing new to see, move along folks. Jeff > > > PointedEars
From: Jeff Thies on 21 Apr 2010 12:29 Ben C wrote: > 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). Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32. http://www.lipsum.com/ Or to paraphrase Jukka: It's Greek to everyone but the Greeks, to whom it's Hebrew. Hardly anyone speaks Latin anymore, even ped priests have switched to German. Jeff
From: dorayme on 21 Apr 2010 13:04 In article <hqn950$u3i$1(a)news.albasani.net>, Jeff Thies <jeff_thies(a)att.net> wrote: > > Hardly anyone speaks Latin anymore, even ped priests have > switched to German. > I was rewarded for the millions of years I seemed to do Latin from the age of 7 by discovering that some people seemed fluent in it (in the classics department of a university). Up till then, I had thought my Latin masters were pretty good! These classics guys wore togas, or was that my imagination as I sat there daydreaming in their wonderful classes? <g> -- dorayme
From: Thomas 'PointedEars' Lahn on 21 Apr 2010 15:54
Jeff Thies wrote: > Thomas 'PointedEars' Lahn wrote: >> shapper wrote: >>> Johannes Koch wrote: >>>> shapper schrieb: >>>>> 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 >>>> And what do you expect, if the canvas is higher than the content with >>>> white background? >>> I was looking for 100% height. In all three columns. >> So, what have *you* tried? What did work, what did not work, how and >> where? > > Equal height columns has been extensively written about here. Shapper > should know that. There's several different ways of going about this, > and the choice depends on both the design, and the experience of the > author. > > I, myself, usually use javascript to pad the div bottoms so they are > all equal. Most here would use a non js means and those can be complex > for true equal multi column or simple for instances where one column or > two are known to be shorter. It's all been discussed before. Nothing new > to see, move along folks. How very eloquent of you. But based on that reasoning one could leave this newsgroup to the Google Groups (or whatever) archives, and I am not willing to support that just yet. My question was not for you to reply to anyway (and yes, I know it is a newsgroup, that does not change the fact). PointedEars -- Danny Goodman's books are out of date and teach practices that are positively harmful for cross-browser scripting. -- Richard Cornford, cljs, <cife6q$253$1$8300dec7(a)news.demon.co.uk> (2004) |