Diane Ross wrote:
> OK, now I have another question...

> The majority of the images on the site will be centered while a few 
> will be wrapped in a paragraph.

> I tried a class, but this did not work. 
> <http://www.test.entourage.mvps.org/atest/image_center.html>
> 
> .img_center {margin: 0 auto; }

Should be...

.img_center {display: block; margin: 0 auto;}

...as in my previous example, since only block-elements can be centered
this way.

Images default to 'inline'. So, you can either center images as inline
elements by declaring 'text-align: center;' on their container, or turn
them into block-elements and center them - individually - with auto-margins.

I didn't find a class .img_center in your on-line stylesheet, so I can't
say why it didn't work. I added one with the styles from my example
above, and it worked perfectly.

> I'm having a big problem using <hr /> in the #main content area. 
> After an <hr /> the text gets thrown way down the screen.

> <http://www.test.entourage.mvps.org/atest/>

It's pushed down because you have declared 'clear: both' on the hr.
That's how 'clear' works in that kind of layout. It will clear
*everything* in sight - including the side-columns.

You should have a class for 'clear' so you can add it to the hr, or any
other element, when you need it - not add 'clear' permanently to the hr.

Now, for that particular page/layout you can keep that hr-styling, and
solve it by adding...

#main {overflow: hidden; margin: 0; }
* html #main {overflow: visible; height: 1%; }
* html #sidebar {overflow-x: hidden;}

...which will isolate all 'clear' inside #main (and correct the most
troublesome bugs in IE6). Works in all browsers I can lay my eyes on,
from IE6 and up.


regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to