Centering links in DIV CSS forum at WebmasterWorld

Welcome to WebmasterWorld Guest from 54.242.188.217
register, login, search, subscribe, help, library, PubCon, announcements, recent posts, open posts,

Pubcon Platinum Sponsor

Home / Forums Index / Code, Content, and Presentation / CSS

Forum Library : Charter : Moderator: open
CSS Forum

Centering links in DIV

Yoeri

msg:1190933

7:21 pm on Jan 4, 2003 (gmt 0)

Hello,

Here's another problem I am struggling with ...

I have a menu that consists of a DIV with anchors in it.

HTML Example:
-------------
<DIV class="Menu">
<A class="MenuItem" href="">Menu Item 1</A>
<A class="MenuItem" href="">Menu Item 2</A>
</DIV>

Styles:
-------
DIV.Menu
{
width: 20%;
text-align: center;
}

A.MenuItem
{
width: 150px;
display: block;
text-align: left;
}

In IE, I get a menu with centered menu-items that are aligned left.

In mozilla, I get a menu with everything aligned left.

I guess that Mozilla doesn't allow a text-align center to align block elements within a div ...

How can I do this?

Thanks

madcat

msg:1190934

8:53 pm on Jan 4, 2003 (gmt 0)

Yoeri- Welcome to Webmaster World.

You should set the margins to auto anyway, text-align should be used for text.

A.MenuItem 
 { 
 width: 150px; 
 display: block; 
 margin-left: auto; 
 margin-right: auto; 
 border: 1px solid #ccc; 
 text-align: left; 
 }

I think this is what you're trying to do. I put borders in to see what was happening.

Yoeri

msg:1190935

11:05 am on Jan 5, 2003 (gmt 0)

Thanks

work like I want it :-)

Never used the auto value for the margins ... will take a look at what it exactly does .

Yoeri

msg:1190936

11:22 am on Jan 5, 2003 (gmt 0)

I found another link in the forum that gives the solution ...

The text-align center is being used to center block alements in IE5 ... guess I am working to much with IE :)

[bluerobot.com ]

Global Options:

top

home

open messages

active posts

Home / Forums Index / Code, Content, and Presentation / CSS

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About
WebmasterWorld ® and PubCon ® are a Registered Trademarks of Pubcon Inc.
© Pubcon Inc. 1996-2012 all rights reserved

CSS Forum