[email protected] wrote: > I hope I'll be excused for another question that is presumably all too > simple. I must be overlooking something obvious. > > I want the image 004.jpg centered in its column. It is indeed, at > http://www.maireadnesbitt.com/_bruce/news/BSOt.html > > I want the paragraph "The Cultur-Casino in Berne ..." centered in that same > column, but the text within the paragraph justified. > But the paragraph appears at the left of its column on that page. > > <div id="batch025" align="center"> > <img src="/photo/BSO/004.jpg" alt="Konzerthaus" /> > </div><!-- batch025 --> > <!-- ============ --> > > <div align="center"> > <p align="justify">The Cultur-Casino in Berne, Switzerland, scene of the New > Year's <br />Concert, <b>Celtic Tunes</b>, > of the Bern Symphony Orchestra. </p> > </div> > > CSS: > #batch025 {max-width: 1030px; margin:auto;} > #batch025 img {vertical-align:bottom; margin:auto; padding: 0 10px 10px 0;} > #batch025 p {clear:both;} > > Bruce > > Hi Bruce,
The image was centred for me, already. You've got one or two funnies in your code there. For example, you have some stray Unicode characters directly in the <body>:  (For copying and pasting into your text?? If so, you should be using entities; like ¿ for the inverted question mark.) You also have at least one empty paragraph, which displays nothing, of course. Your main problem though is in using <br /> in the text you want to centre. Apart from anything else, this gives strange wrapping behaviour if you reduce the browser window width. For example, by reducing my viewport width by about 50%, I got the text formatted like this: "The Cultur-Casino in Berne, Switzerland, scene of the New Year's Concert, *Celtic Tunes*, of the Bern Symphony Orchestra." -- which kind of defeats whatever purpose there might be in using <br /> in the first place -- If it was me, I'd ditch the line breaks, put the paragraph you want centered in the batch025 div, decide how wide you want it, give the <p> a class (e.g. something like 'centred-caption') and then style it with equal borders either side using percentages or ems. Alternatively, you could give the centred caption a width and set the left and right margins to auto, although that might make IE6 behave badly (hasLayout). HTH Peter ______________________________________________________________________ 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/
