Re: [css-d] IE not hiding overflow?
| Daniel Hammond wrote:
|
| URL: http://www.studentremix.org/ms/index.htm There is a little bit
| of blue extending down below the nav bar.
|
| Delete...
| #nav a, #nav strong {
| position: relative;
| }
|
| ...and also delete the...
|
| * html #nav {
| overflow: visible;
| }
|
| IE's bug is that elements with 'position: relative' declared on them
| will overflow containers with 'overflow: hidden' declared -
| visibly but
| without taking up space. This overflow bug is sometimes exploited as
| part of the cure for IE6' auto-expansion bug, but in your
| case it does
| no good.
|
| regards
| Georg
Perfect! Thanks so much.
Daniel
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE not hiding overflow?
| On Wed, Jan 14, 2009 at 7:04 PM, Daniel Hammond | dan...@objectivedesigns.com wrote: | I have three things for you guys to look at. IE6 and IE7 | are the only | browsers having this problem. | | Here's the first thing: | URL: http://www.studentremix.org/ms/index.htm | CSS: http://www.studentremix.org/ms/ms.css | Screenshot of the problem: http://www.studentremix.org/issues/ms.jpg | The red arrows show what's going wrong. There is a little | bit of blue | extending down below the nav bar. It's not supposed to do | that. View the | page in FF, Opera, Safari, or Chrome to see how it's | supposed to look. | | It's probably not a case of failing to hide overflow but of it making | the element larger than you expect. Slap on a red border as a test and | I bet it will be beneath your unwanted bit of blue. | Richard Ok, that may be so, but do you (or anyone else) know how I can fix the problem? Thanks, Daniel __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE not hiding overflow?
Daniel Hammond wrote:
Here's the first thing:
URL: http://www.studentremix.org/ms/index.htm
CSS: http://www.studentremix.org/ms/ms.css
Screenshot of the problem: http://www.studentremix.org/issues/ms.jpg
The red arrows show what's going wrong. There is a little bit of blue
extending down below the nav bar. It's not supposed to do that. View the
page in FF, Opera, Safari, or Chrome to see how it's supposed to look.
The hasLayout trigger [1] for IE/7 (will not effect compliant
browsers) is:
#nav {
/*height:29px; */
min-height: 29px;
}
The hasLayout trigger [1] for IE/6 is:
* html #nav {
overflow: visible;
}
I did not look at the second or the third thing you wrote about...
[1] http://www.satzansatz.de/cssd/onhavinglayout.html
~d
--
A thin red line and a salmon-color ampersand forthcoming.
http://chelseacreekstudio.com/
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE not hiding overflow?
| Daniel Hammond wrote:
| Here's the first thing:
| URL: http://www.studentremix.org/ms/index.htm
| CSS: http://www.studentremix.org/ms/ms.css
| Screenshot of the problem: http://www.studentremix.org/issues/ms.jpg
| The red arrows show what's going wrong. There is a little
| bit of blue
| extending down below the nav bar. It's not supposed to do
| that. View the
| page in FF, Opera, Safari, or Chrome to see how it's
| supposed to look.
|
|
|
| The hasLayout trigger [1] for IE/7 (will not effect compliant
| browsers) is:
| #nav {
| /*height:29px; */
| min-height: 29px;
| }
| The hasLayout trigger [1] for IE/6 is:
| * html #nav {
| overflow: visible;
| }
| I did not look at the second or the third thing you wrote about...
| [1] http://www.satzansatz.de/cssd/onhavinglayout.html
| ~d
That didn't do it. When I added those to my CSS, it didn't affect IE7 and
made the unwanted extra blue span the entire width of the nav bar in IE6.
Any other ideas?
Thanks,
Daniel
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE not hiding overflow?
| Daniel Hammond wrote: | | | That didn't do it. When I added those to my CSS, it didn't | affect IE7 and | made the unwanted extra blue span the entire width of the | nav bar in IE6. | Daniel | | | Seems to work on this end in IE/6 and IE/7. | Please see: | http://chelseacreekstudio.com/ca/cssd/one.htm | Or have I misunderstood the issue? Yes, I think you have misunderstood. I do *not* want that extra bit of blue under the navbar. Look at the site in Firefox, and you'll see how it's supposed to look. Thanks, Daniel __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE not hiding overflow?
Daniel Hammond wrote: Yes, I think you have misunderstood. I do *not* want that extra bit of blue under the navbar. Look at the site in Firefox, and you'll see how it's supposed to look. Thanks, Daniel Then I share your puzzlement. Someone else will need provide a fix :-) . -- A thin red line and a salmon-color ampersand forthcoming. http://chelseacreekstudio.com/ __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE not hiding overflow?
Daniel Hammond wrote:
URL: http://www.studentremix.org/ms/index.htm There is a little bit
of blue extending down below the nav bar.
Delete...
#nav a, #nav strong {
position: relative;
}
...and also delete the...
* html #nav {
overflow: visible;
}
IE's bug is that elements with 'position: relative' declared on them
will overflow containers with 'overflow: hidden' declared - visibly but
without taking up space. This overflow bug is sometimes exploited as
part of the cure for IE6' auto-expansion bug, but in your case it does
no good.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE not hiding overflow?
I have three things for you guys to look at. IE6 and IE7 are the only browsers having this problem. Here's the first thing: URL: http://www.studentremix.org/ms/index.htm CSS: http://www.studentremix.org/ms/ms.css Screenshot of the problem: http://www.studentremix.org/issues/ms.jpg The red arrows show what's going wrong. There is a little bit of blue extending down below the nav bar. It's not supposed to do that. View the page in FF, Opera, Safari, or Chrome to see how it's supposed to look. Second thing: URL: http://www.studentremix.org/hs/index.htm CSS: http://www.studentremix.org/hs/hs.css Screenshot of the problem: http://www.studentremix.org/issues/hs.jpg When this one is viewed in IE, it displays it correctly. Strange. Third thing: URL: http://www.studentremix.org/parents/index.htm CSS: http://www.studentremix.org/parents/parents.css Screenshot of the problem: http://www.studentremix.org/issues/parents.jpg The same problem that the Middle School section has also appears here, except it's confined to the right-side column, rather than spanning all of the nav links. Does anyone have any ideas as to why IE is making this happen? Much thanks, Daniel __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE not hiding overflow?
On Wed, Jan 14, 2009 at 7:04 PM, Daniel Hammond dan...@objectivedesigns.com wrote: I have three things for you guys to look at. IE6 and IE7 are the only browsers having this problem. Here's the first thing: URL: http://www.studentremix.org/ms/index.htm CSS: http://www.studentremix.org/ms/ms.css Screenshot of the problem: http://www.studentremix.org/issues/ms.jpg The red arrows show what's going wrong. There is a little bit of blue extending down below the nav bar. It's not supposed to do that. View the page in FF, Opera, Safari, or Chrome to see how it's supposed to look. It's probably not a case of failing to hide overflow but of it making the element larger than you expect. Slap on a red border as a test and I bet it will be beneath your unwanted bit of blue. -- Richard Grevers, New Plymouth, New Zealand Dramatic Design www.dramatic.co.nz __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
