[css-d] site check please, need help with lower nav in header in IE7/WIN XP

[Peter Hyde-Smith]

http://test.fatpawdesign.com/purm/purm.aminepolyols.html
http://test.fatpawdesign.com/purm/purmbaseformatcss.css
http://test.fatpawdesign.com/purm/purmpagecss.css

In FF and Opera in Win XP; and in FF, Opera, and IE6 in Win2K the 
h3.titlerow clears the floated dl#pagenav above it, so the blue background 
of it and the blue background of the a.youarehere nav tab appear as a unit, 
and the rest of the dl#pagenav shows the #111 background behind it. In IE7 
in Win XP the h3.titlerow does not clear the floated dl#pagenav. Its height 
seems to extend to the bottom of the Raw Material Guide - Polyols 
above, and its blue background shows through dl#pagenav. Any suggestions? I 
can change the nav bar background to #111, but the blue still shows through 
on the left edge due to the intentional 2px offset. If I stick an empty h3 
element, all of which in the header have clear: both applied, the problem is 
eliminated but others crop up. If I move the h3.titlerow oustide of the 
div#pageheader, it clears okay, but then the dl#pagenav background shows as 
white. Meh... BTW, the invalid CSS is from the Yahoo UI CSS font reset .

Any help on this (and in other places) is greatly appreciated.

Thanks in advance. Cheers,

Peter
www.fatpawdesign.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Problem - background showing above/below footer div

[Robert Lane]

http://tinyurl.com/2264jb

I am getting a gray background from the body background color showing 
through above and below my footer div (well below in IE7 but not in FF)

It is about 12 px of gray at the top and about 5 px in IE7 at bottom. 

I want the footer to sit flush to the maincontent box and to the bottom 
of the browser window.

I have been fussing with this and can't see what would be producing the 
gaps.  Can anyone here help me out?

Thanks!
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Sudden font size discrepancy

[Gunlaug Sørtun]

Suzanne Bernard wrote:
> I'd appreciate it if anyone who has time could look at
> http://www.nycss.org/ and tell me why the font sizes are so different
> in IE6 and Firefox.

It wouldn't surprise me if the doctype declaration throws IE6 off - back 
into quirks mode.

You have:
http://www.w3.org/TR/html4.01/strict.dtd";>

The correct would be:
http://www.w3.org/TR/html4/strict.dtd";>

Here and/or somewhere in the seemingly low source-code quality...

...is probably where you'll find the cause for differences.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE padding and/or positioning issues

[Joel D Canfield]

http://rgtoday.com/rg/new/

Looks as expected in the last two versions of FireFox, Netscape, and Opera. In 
IE7, the text in the header is jammed at the top instead of being more or less 
vertically centered.

IE6 is even cooler; besides the header alignment issue, the image div at the 
bottom of each column is dropped by quite a bit, leaving a huge gap between the 
box and the curved bottom image. Also, there's a groovy black outline, possibly 
IE's way of telling me borders can't have a color of 'transparent' although I 
really have no clue.

Besides pointers to solutions to these issues, if there's a better way to do 
rounded corners without tacking a curved image on the bottom of the boxes, 
that'd be nice to know about.

thanks

joel

-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.446 / Virus Database: 269.4.0/760 - Release Date: 4/13/2007 8:04 PM
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Sudden font size discrepancy

[Suzanne Bernard]

I'd appreciate it if anyone who has time could look at http://www.nycss.org/ 
and tell me why the font sizes are so different in IE6 and Firefox. This was 
not the case last time I checked, and I can't figure out what I've 
inadvertently changed to cause this (I want them both in the smaller size). 
They stylesheet is at http://www.nycss.org/stylesmain.css. Thanks for any help 
you can give.



Suzanne Bernard
[EMAIL PROTECTED]
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Nav Bar Placements Differ In IE6 & Firefox

[Gunlaug Sørtun]

R. Alan Payne wrote:
> Several months ago I had many questions and they were answered very 
> accurately ... well I have a navigation problem now.

> www.dvmvac.com/REDESIGNnew/CVTypes.shtml

Add...
div.midnav {margin: 0 auto;}
...to make it centered across browser-land.

> (I've validated the code for errors - OK ... I know I've used a lot
> of 's, but only in the tables for specific text.)

Validity doesn't help on rendering since all browsers interpret the
doctype declaration you use as a trigger for 'Quirks Mode'.
See: 

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problems with IE 6 & 7

[Robert Lane]

There are a lot of issues on there that need work, but where to start.

I usually like to validate my Html and css first to make sure I don't 
have errors that might be causing the quirky behavior.  I ran your page 
through the W3C validator and found errors in both.

So my suggestions would be to start there. Clean those up and then see 
what behaviors you are getting.

My other thoughts:  I think it is weird the way they are sticking the 
search box in a fixed location upper corner so that it floats over all 
the background as you scroll the page.  It doesn't show up over much of 
that stuff.  Then when you resize the window to a narrow width 
everything breaks, so you might want a min-width style  in there to keep 
it from falling apart.

Good luck.


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Nav Bar Placements Differ In IE6 & Firefox

[R. Alan Payne]

Several months ago I had many questions and they were answered very 
accurately ... well I have a navigation problem now.

Problem: Nav bar/images display correctly (or at least the way I 
intended) in   IE6 but are displaced in Firefox 2.0.0.3 
(didn't try 1.5+).

Website is at: www.dvmvac.com/REDESIGNnew and
CSS is: DVMcss.css

Specific page is: www.dvmvac.com/REDESIGNnew/CVTypes.shtml

Used CSS Tab Designer by OverZone Software (tabs by 
www.exploding-boy.com) to initially generate the tab code/images ... 
then copied it into my HTML/CSS (SHTML because I 'included' the nav bar 
info) code.

I added div classes (navleft and navmid) to position the 'nav bar' in 
the middle of the page and that's probably where I've made my error. It 
works fine in IE6 but not in Firefox. As you can see, the 'nav bar' is 
down' a line and smooshed to the left.

(I've validated the code for errors - OK ... I know I've used a lot of 
's, but only in the tables for specific text.) 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] 3 column displays incorrectly in IE6

[Bob Easton]

KS wrote:
> Hi,
> 
> The page below displays incorrectly in IE6. I've been trying to get
> the middle column to line up horizontally with the thumbnail images in
> the left column. You can see how it should look in Firefox or in FF on
> a Mac for that matter. Any help would be greatly appreciated.
> 
> Page: http://tang.skidmore.edu/oex/contexts/authors/bach.htm
> CSS: http://tang.skidmore.edu/oex/contexts/ie.css
> 

This one of those cases where one could easily use a table, completely 
free of any guilt.  :)

Tables are intended for data representations where there are 
relationships between the contents of cells.  You have that on this 
page.  The images in the left column are related to their descriptions 
in the right column.  Perfectly appropriate use of a "data table."

-- 
Bob Easton
Accessibility Matters: http://access-matters.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] research on styling links

[Kelley Greenman]

Zoe wrote:

>Well, we have no way of correcting you without seeing the page. :-)

Thanks Zoe. Since my question was in re: the resources, below, if you or 
anyone knows of more updated material which invalidates the claims made in 
the links below, then sure: such links would correct me. One link is to 
Eric Meyers' site, so maybe he has some thoughts. As for showing the page, 
I'd have to kill you. :) It's an in-house Web application.

>You
>can correct yourself, however. Does your proposed fix work? If so,
>you're not all washed up. If not, then you are. ;-)

I'm a contractor working on an upgrade to a standards-based design. And 
with that comes all the wonderful social dynamics that come with walking 
into a worksite where the salaried personnel are annoyed they hired an 
"outsider". Hence, when I propose a solution, I do my homework first, with 
links to back it up. I'd also like to add the information to the company 
wiki. I think it's great to have fixes for problems, but I also think it's 
important to know _why_ a problem exists. E.g., dealing with the flicker 
bug for CSS mouse overs. I found it helped during management page review 
last week that, when they saw the problem, I could explain to them why it 
happened. What typically happens is that it goes into that black box, "Oh, 
it's an IE thang" and everyone nods and QA checks it off as in progress 
while everyone goes back to try to fix the problem. But after awhile, you 
can tell that management gets suspicious of this claim. Since this is a 
company where, even the CEO does his homework and research first, they 
appreciate documentation and real explanations. (This is especially true 
b/c most of the time, they get their design ideas from researching what the 
supposed benchmark standards do and, if their sites don't display the 
problem, then they know there's a solution. Or think they know.)

>FWIW, I've never seen the need to specify each link pseudo-class
>separately. Of course, I've never seen the need to specify font sizes on
>the "a" element either -- the body and heading elements get font sizes,
>and occasionally a footer or sidebar div, but that's it. I've found that
>declaring font sizes on paragraphs, links, list items, etc, just causes
>undue complication and problems.

It typically happens when you have several different elements on a page 
where the links are quite different. We're using a complex drop down top 
nav with three hiearchies, ajax accordions in one quadrant of the page, 
popovers (like the one in the second top nav tab at amazon.com), and more. 
In such cases, link styles inherit unless you specify otherwise and you may 
not want them inheriting the styles elsewhere.

For reference, the issue I'm discussing comes up in the links I posted earlier.

>>http://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes
>>
>>http://antone.geckotribe.com/alpha-gecko/2005/01/12/how-to-avoid-using-classes-in-too-many-places/
>>
>>http://class.thefactoryfactory.com/docs/interm_css_selectors.html
>>
>>http://www.ericmeyeroncss.com/bonus/proj04-excerpt.html
>>
>>http://locusoptimus.com/css-trickery/ie7-hover-bug.php
>>
>>http://css-discuss.incutio.com/?page=IE7
>>
>>http://carpe.ambiprospect.com/buttons/links.htm
>

Kelley=

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Strange 1px issue

[Ingo Chao]

BJ Clark wrote:
> Hello list,
> My site is at: http://scidept.dyndns.org/~bjclark/designcentre/
> 
> I'm having a strange issue in all browsers where lots of my elements
> are off by 1 px vertically (either top or bottom). 


1st row #head :  h1 (height:159px) vs. #nav p (height: 160px)

2st row #content : a#home_environments (height:156px) contains a Lion 
image(155x155px)

Ingo

-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Strange 1px issue

[david]

BJ Clark wrote:
> Hello list,
> My site is at: http://scidept.dyndns.org/~bjclark/designcentre/
> 
> I'm having a strange issue in all browsers where lots of my elements
> are off by 1 px vertically (either top or bottom). I can't really seem
> to make a pattern out of it so I can track down what is causing it.
> Anyone have any idea what causes this or a fix for it?

Don't know about that, but you're missing a closing  for your .

-- 
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/