[WSG] CSS Problem in Mozilla and IE6
Here is the link to a website, and I've only gotten this far: http://www.nichemktghouston.com/mneiman/physician.html So far, It looks proper in IE7, but in Mozilla, the horizontal navigation links do not center but rather move to the right so that I don't see the full Contact link. In IE 6, the pageHeader div is not stacked directly above the nav div. There is some additional white space (from the background color). Could anyone please help. I seem to do fine with CSS when the navigation is vertical in a column, but I always run into problems when the navigation is horizontal. Thank you, Joyce *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] CSS Problem in Mozilla and IE6
Hi, I am out of office until Tue 13th August and will respond to your email on my return. Best Regards, Ruairi *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Problem in Mozilla and IE6
In your CSS
change to this:
#nav ul {
margin: 0px 35px 0 35px;
padding: 5px 0 0 0;
text-align: center;
}
this works in FF 2 but note it has not been tested in IE.
RM
On 8/10/07, Joyce Evans [EMAIL PROTECTED] wrote:
Here is the link to a website, and I've only gotten this far:
http://www.nichemktghouston.com/mneiman/physician.html
So far, It looks proper in IE7, but in Mozilla, the horizontal navigation
links do not center but rather move to the right so that I don't see the
full Contact link.
In IE 6, the pageHeader div is not stacked directly above the nav div.
There is some additional white space (from the background color).
Could anyone please help. I seem to do fine with CSS when the navigation
is vertical in a column, but I always run into problems when the navigation
is horizontal.
Thank you,
Joyce
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] CSS Problem in Mozilla and IE6
Hi, I am out of office until Tue 13th August and will respond to your email on my return. Best Regards, Ruairi *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Problem in Mozilla and IE6
Hi, I am out of office until Tue 13th August and will respond to your email on my return. Best Regards, Ruairi *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Problem in Mozilla and IE6
For the mneimanlogo image
img{display:block} should do it.
--
E. Michael Brandt
www.divaHTML.com
divaGPS : you-are-here menu highlighting
divaFAQ : FAQ pages with pizazz
www.valleywebdesigns.com
JustSo PictureWindow
JustSo PhotoAlbum
--
Joyce Evans wrote:
Thanks so much for the information to make this appear correctly in FF 2!
Now if someone has a clue why the page header div won’t sit right on top
of the nav div but rather splits (showing some of the white background)
while viewing in IE6, that would be great!
Joyce
*From:* [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
*On Behalf Of *Ryan Moore
*Sent:* Friday, August 10, 2007 12:35 PM
*To:* wsg@webstandardsgroup.org
*Subject:* Re: [WSG] CSS Problem in Mozilla and IE6
In your CSS
change to this:
#nav ul {
margin: 0px 35px 0 35px;
padding: 5px 0 0 0;
text-align: center;
}
this works in FF 2 but note it has not been tested in IE.
RM
On 8/10/07, *Joyce Evans* [EMAIL PROTECTED]
mailto:[EMAIL PROTECTED] wrote:
Here is the link to a website, and I've only gotten this far:
http://www.nichemktghouston.com/mneiman/physician.html
http://www.nichemktghouston.com/mneiman/physician.html
So far, It looks proper in IE7, but in Mozilla, the horizontal
navigation links do not center but rather move to the right so that I
don't see the full Contact link.
In IE 6, the pageHeader div is not stacked directly above the nav div.
There is some additional white space (from the background color).
Could anyone please help. I seem to do fine with CSS when the
navigation is vertical in a column, but I always run into problems when
the navigation is horizontal.
Thank you,
Joyce
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
mailto:[EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Problem in Mozilla and IE6
Hi, I am out of office until Tue 13th August and will respond to your email on my return. Best Regards, Ruairi *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Problem in Mozilla and IE6
Add to Ryans change in the css below, that you have no spaces in the code
for the header like this:
div id=pageHeaderimg
src=http://www.nichemktghouston.com/mneiman/images/mneiman_logo.jpg;
alt=Melissa Neiman width=700 height=143 //div
Then I think you should be good to go
Regards
~Veine
In your CSS
change to this:
#nav ul {
margin: 0px 35px 0 35px;
padding: 5px 0 0 0;
text-align: center;
}
this works in FF 2 but note it has not been tested in IE.
RM
On 8/10/07, Joyce Evans [EMAIL PROTECTED] wrote:
Here is the link to a website, and I've only gotten this far:
http://www.nichemktghouston.com/mneiman/physician.html
So far, It looks proper in IE7, but in Mozilla, the horizontal
navigation
links do not center but rather move to the right so that I don't see the
full Contact link.
In IE 6, the pageHeader div is not stacked directly above the nav div.
There is some additional white space (from the background color).
Could anyone please help. I seem to do fine with CSS when the
navigation
is vertical in a column, but I always run into problems when the
navigation
is horizontal.
Thank you,
Joyce
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] CSS Problem in Mozilla and IE6
And I should include the asterisk (*) as part of the code you gave me below?
Thank you.
Joyce
_
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Ryan Moore
Sent: Friday, August 10, 2007 1:22 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] CSS Problem in Mozilla and IE6
Hi Joyce,
While this may/may not help resolve your issue, i recommend adding this to
the beginning of your stylesheet.
* {
padding:0;
margin:0;
}
it will set the default margins and padding for all elements to 0. You
would then have to specify margins and paddings for all elements, it gives
you more control over the layout as some browsers are known to have
different default margins and paddings for elements.
RM
On 8/10/07, Gunlaug Sørtun [EMAIL PROTECTED] wrote:
Joyce Evans wrote:
http://www.nichemktghouston.com/mneiman/physician.html
So far, It looks proper in IE7, but in Mozilla, the horizontal
navigation links do not center but rather move to the right so that I
don't see the full Contact link.
Add...
ul {padding: 0;}
...to zero out Gecko's defaults on that list.
Nothing prevents that menu from getting skewed from font resizing though.
In IE 6, the pageHeader div is not stacked directly above the nav
div. There is some additional white space (from the background
color).
Add...
#pageHeader img {display: block;}
...to override the 'display: inline' default for that image.
regards
Georg
--
http://www.gunlaug.no http://www.gunlaug.no
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] CSS Problem in Mozilla and IE6
Hi, I am out of office until Tue 13th August and will respond to your email on my return. Best Regards, Ruairi *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] CSS Problem in Mozilla and IE6
Thanks to all! Everything works now.
Joyce
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Gunlaug Sørtun
Sent: Friday, August 10, 2007 1:08 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] CSS Problem in Mozilla and IE6
Joyce Evans wrote:
http://www.nichemktghouston.com/mneiman/physician.html
So far, It looks proper in IE7, but in Mozilla, the horizontal
navigation links do not center but rather move to the right so that I
don't see the full Contact link.
Add...
ul {padding: 0;}
...to zero out Gecko's defaults on that list.
Nothing prevents that menu from getting skewed from font resizing though.
In IE 6, the pageHeader div is not stacked directly above the nav
div. There is some additional white space (from the background
color).
Add...
#pageHeader img {display: block;}
...to override the 'display: inline' default for that image.
regards
Georg
--
http://www.gunlaug.no
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] CSS Problem in Mozilla and IE6
Good stuff!
Thanks! Sorry about all of the thanks, but you guys are amazing. I just
learned a lot!
_
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Kepler Gelotte
Sent: Friday, August 10, 2007 1:19 PM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] CSS Problem in Mozilla and IE6
Hi Joyce,
Try defaulting all the element margin and padding settings to zero. You can
do this by adding the following to your CSS file:
* {
MARGIN: 0;
PADDING: 0;
}
This should take care of the Mozilla problem. Also, I noticed you have white
text over a grey background image for your navigation menu. For people who
have their images turned off, this will end up as white text on a white
background. Try setting the BACKGROUND-COLOR: #999; in #nav to fix this.
Regards,
Kepler Gelotte
_
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Joyce Evans
Sent: Friday, August 10, 2007 1:22 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] CSS Problem in Mozilla and IE6
Here is the link to a website, and I've only gotten this far:
http://www.nichemktghouston.com/mneiman/physician.html
So far, It looks proper in IE7, but in Mozilla, the horizontal navigation
links do not center but rather move to the right so that I don't see the
full Contact link.
In IE 6, the pageHeader div is not stacked directly above the nav div.
There is some additional white space (from the background color).
Could anyone please help. I seem to do fine with CSS when the navigation is
vertical in a column, but I always run into problems when the navigation is
horizontal.
Thank you,
Joyce
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] CSS Problem in Mozilla and IE6
Hi, I am out of office until Tue 13th August and will respond to your email on my return. Best Regards, Ruairi *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Problem in Mozilla and IE6
Hi, I am out of office until Tue 13th August and will respond to your email on my return. Best Regards, Ruairi *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] CSS Problem in Mozilla and IE6
Hi, I am out of office until Tue 13th August and will respond to your email on my return. Best Regards, Ruairi *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] CSS Problem in Mozilla and IE6
Hi, I am out of office until Tue 13th August and will respond to your email on my return. Best Regards, Ruairi *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Problem in Mozilla and IE6
Hi, I am out of office until Tue 13th August and will respond to your email on my return. Best Regards, Ruairi *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] CSS Problem in Mozilla and IE6
Hi Joyce,
While this may/may not help resolve your issue, i recommend adding this to
the beginning of your stylesheet.
* {
padding:0;
margin:0;
}
it will set the default margins and padding for all elements to 0. You
would then have to specify margins and paddings for all elements, it gives
you more control over the layout as some browsers are known to have
different default margins and paddings for elements.
RM
On 8/10/07, Gunlaug Sørtun [EMAIL PROTECTED] wrote:
Joyce Evans wrote:
http://www.nichemktghouston.com/mneiman/physician.html
So far, It looks proper in IE7, but in Mozilla, the horizontal
navigation links do not center but rather move to the right so that I
don't see the full Contact link.
Add...
ul {padding: 0;}
...to zero out Gecko's defaults on that list.
Nothing prevents that menu from getting skewed from font resizing though.
In IE 6, the pageHeader div is not stacked directly above the nav
div. There is some additional white space (from the background
color).
Add...
#pageHeader img {display: block;}
...to override the 'display: inline' default for that image.
regards
Georg
--
http://www.gunlaug.no
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] CSS Problem in Mozilla and IE6
Thanks so much for the information to make this appear correctly in FF 2!
Now if someone has a clue why the page header div won't sit right on top of
the nav div but rather splits (showing some of the white background) while
viewing in IE6, that would be great!
Joyce
_
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Ryan Moore
Sent: Friday, August 10, 2007 12:35 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] CSS Problem in Mozilla and IE6
In your CSS
change to this:
#nav ul {
margin: 0px 35px 0 35px;
padding: 5px 0 0 0;
text-align: center;
}
this works in FF 2 but note it has not been tested in IE.
RM
On 8/10/07, Joyce Evans [EMAIL PROTECTED] wrote:
Here is the link to a website, and I've only gotten this far:
http://www.nichemktghouston.com/mneiman/physician.html
So far, It looks proper in IE7, but in Mozilla, the horizontal navigation
links do not center but rather move to the right so that I don't see the
full Contact link.
In IE 6, the pageHeader div is not stacked directly above the nav div.
There is some additional white space (from the background color).
Could anyone please help. I seem to do fine with CSS when the navigation is
vertical in a column, but I always run into problems when the navigation is
horizontal.
Thank you,
Joyce
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
Re: [WSG] CSS Problem in Mozilla and IE6
Joyce Evans wrote:
http://www.nichemktghouston.com/mneiman/physician.html
So far, It looks proper in IE7, but in Mozilla, the horizontal
navigation links do not center but rather move to the right so that I
don't see the full Contact link.
Add...
ul {padding: 0;}
...to zero out Gecko's defaults on that list.
Nothing prevents that menu from getting skewed from font resizing though.
In IE 6, the pageHeader div is not stacked directly above the nav
div. There is some additional white space (from the background
color).
Add...
#pageHeader img {display: block;}
...to override the 'display: inline' default for that image.
regards
Georg
--
http://www.gunlaug.no
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
