Re: [css-d] Text-Align:Center Not Completely Centered
Well - the clear:both mentioned above worked fairly well on everything except IE 6 or 7. What else should I have expected? :-) It blew the rest of the page to smithereens in those browsers. So I'm at a loss to know how to really get the content centered and still not have a bunch of dead space at the top. On Sat, Oct 18, 2008 at 11:22 AM, David Laakso [EMAIL PROTECTED] wrote: Chris Akins wrote: While I did say all I want is the content to be centered. I should have added that I'd also like to NOT have the extra dead space above the h1 tag that shows up with the clear:both on it But the amount of blank space above the heading now just doesn't look right either. Hmm. . . Try: .textpadderC h1 {clear:both;margin: 0 0 20px 0;padding: 0;} Add lead beneath Back to gallery thumbnails until the block looks vertically and visually balanced? Or wait for someone else to provide a means to bring h1 tighter to the top of the block. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text-Align:Center Not Completely Centered
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] discuss.org] On Behalf Of Chris Akins Sent: Monday, October 20, 2008 1:52 PM To: David Laakso Cc: [css-d] List Subject: Re: [css-d] Text-Align:Center Not Completely Centered Well - the clear:both mentioned above worked fairly well on everything except IE 6 or 7. What else should I have expected? :-) It blew the rest of the page to smithereens in those browsers. So I'm at a loss to know how to really get the content centered and still not have a bunch of dead space at the top. Did you try my suggestion? .trC {position:absolute;right:0;} -- Regards, Thierry | http://www.TJKDesign.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text-Align:Center Not Completely Centered
Chris Akins wrote: Well - the clear:both mentioned above worked fairly well on everything except IE 6 or 7. What else should I have expected? :-) It blew the rest of the page to smithereens in those browsers. So I'm at a loss to know how to really get the content centered and still not have a bunch of dead space at the top. On 10/18/08 at 2:10pThierry suggested this-- Try this: .trC {position:absolute;right:0;} Did you try his suggestion? Either way, please bottom post. Thanks. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text-Align:Center Not Completely Centered
On 10/18/08 at 2:10pThierry suggested this-- Try this: .trC {position:absolute;right:0;} Did you try his suggestion? Either way, please bottom post. Thanks. Yes I had tried it. Position:absolute works everywhere except IE 6. So, perhaps my best bet is to go with it and add another conditional for IE6 in my page. I already have one anyway. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text-Align:Center Not Completely Centered
While I did say all I want is the content to be centered. I should have added that I'd also like to NOT have the extra dead space above the h1 tag that shows up with the clear:both on it. I had looked at putting a clearing statement on it earlier plus a negative top margin thinking that would do it. But to no avail. I guess it can't clear those elements AND be pulled back up there. But the amount of blank space above the heading now just doesn't look right either. Hmm. . . Try: .textpadderC h1 {clear:both;margin: 0 0 20px 0;padding: 0;} __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text-Align:Center Not Completely Centered
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] discuss.org] On Behalf Of Chris Akins Sent: Saturday, October 18, 2008 6:36 AM To: [css-d] List Subject: Re: [css-d] Text-Align:Center Not Completely Centered While I did say all I want is the content to be centered. I should have added that I'd also like to NOT have the extra dead space above the h1 tag that shows up with the clear:both on it. I had looked at putting a clearing statement on it earlier plus a negative top margin thinking that would do it. But to no avail. I guess it can't clear those elements AND be pulled back up there. But the amount of blank space above the heading now just doesn't look right either. Try this: .trC {position:absolute;right:0;} -- Regards, Thierry | http://www.TJKDesign.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text-Align:Center Not Completely Centered
Chris Akins wrote: While I did say all I want is the content to be centered. I should have added that I'd also like to NOT have the extra dead space above the h1 tag that shows up with the clear:both on it But the amount of blank space above the heading now just doesn't look right either. Hmm. . . Try: .textpadderC h1 {clear:both;margin: 0 0 20px 0;padding: 0;} Add lead beneath Back to gallery thumbnails until the block looks vertically and visually balanced? Or wait for someone else to provide a means to bring h1 tighter to the top of the block. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Text-Align:Center Not Completely Centered
Page and CSS: http://www.springfieldmo.gov/newSite/sfd/galleries/photo1/pages/BobCumley-1.html http://www.springfieldmo.gov/newSite/css/gallery.css There's also a reset.css file, but it doesn't have any positioning info in it that should be pertinent. On this page all I want is the content in div class=textpadderC to be centered. For some reason anything at the top of the page is pushed to the left by 61px - the width of the following class: .trC { background-image: url(../images/midRndCrnr2.jpg); background-position: 60px 0px; width: 61px; height: 60px; float: right; font-size: 0; position:relative; z-index:5; } If I remove this tag in the HTML - span class=trC/span - the content centers like it should. But with this span, no dice. I can't figure out why. Thanks ahead for any input and/or solution. Chris A. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text-Align:Center Not Completely Centered
Chris Akins wrote: Page and CSS: http://www.springfieldmo.gov/newSite/sfd/galleries/photo1/pages/BobCumley-1.html http://www.springfieldmo.gov/newSite/css/gallery.css On this page all I want is the content in div class=textpadderC to be centered. Chris A. Try: .textpadderC h1 {clear:both;margin: 0 0 20px 0;padding: 0;} -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/