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
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
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
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
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 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] ***
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: http://www.nichemktghouston.com/mneiman/images/mneiman_logo.jpg"; alt="Melissa Neiman" width="700" height="143" /> 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
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
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
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] ***
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
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] ***