Worked like a charm...

Only thing is why is the Local Nav showing up left aligned? I have the
following style:


               div#locnav ul {
                       list-style:none;
                       padding:0;
                       margin:0;
                             width: 145px; /* Width of Menu Items */
                             border-top: 1px solid #AF0A38;
                                           
               }
               div#locnav ul li {
                       list-style:none;
                       display:inline;
                       margin:0;
                       padding:0;
                             text-align: right;
               }
               div#locnav ul li a {
                       display: block;
                       text-decoration: none;
                       color: #777;
                       padding: 3px;
                             border-right: 1px solid #AF0A38;
                       border-bottom: 1px solid #AF0A38;
               }
               div#locnav ul li a:hover {
                       color: #fff; background: #AF0A38;
               }

I thought it would show up as right-aligned as it displays in FF.


#dss#
 


-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of John D Wells
Sent: Monday, February 28, 2005 12:59 PM
To: [email protected]
Subject: Re: [WSG] errant left-alignment


You'll need to align the text of the body to be centered, and align the 
text back to left within your wrapper div:

body {
                margin: 10px 0 10px 0;
                padding:0;
                background-color:#FFF;
                color:#000;
                min-width:750px;
                text-align: center;
                
        }
        div#wrap {
                background:#FFF;
                margin:0 auto;
                width:750px;
                border: 1px solid #5E5E5E;
                text-align: left;
        }

That should do it (not tested). HTH
-John
                                
On Feb 28, 2005, at 1:12 PM, Devendra Shrikhande wrote:

> Hello
>
> As I work my way through my first non-table layout, I've  run into a 
> small quandary. The complete display and CSS-based navigation menu 
> shows up left-aligned in IE55 PC. All is well in FF.
>
> The HTML and CSS have been validated.
>
> The test page:
> http://www.shrikhande.us/CSSPage/index1.htm
>
> Image of display on IE55 to show you how the display and the menu is 
> left-aligned. http://www.shrikhande.us/CSSPage/indexIE55.gif
>
> Look forward to your advice on resolving this problem.
>
> Thanks!
>
> #dss#
> ******************************************************
> The discussion list for  http://webstandardsgroup.org/
>
>  See http://webstandardsgroup.org/mail/guidelines.cfm
>  for some hints on posting to the list & getting help
> ******************************************************
>
>
>

******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

******************************************************
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************

Reply via email to