RE: [WSG] errant left-alignment

2005-02-28 Thread Devendra Shrikhande
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: wsg@webstandardsgroup.org
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
**



Re: [WSG] errant left-alignment

2005-02-28 Thread John D Wells
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
**


[WSG] errant left-alignment

2005-02-28 Thread Devendra Shrikhande
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
**