Re: [css-d] Content Missing in IE
Gunlaug Sørtun wrote: >> (RE: http://scott.sauyet.com/CSS/Test/MissingImage/) > I usually solve that type of 'AP' related problems in IE/win by not 'AP' > the element. Instead I'd use 'removed floats'... floats that do not > occupy any area :-) Well, that certainly fixes it. My head no longer needs to eye the wall suspiciously every time I get close! :-) Thank you very much. And thanks also to Holly and Els (and to David who responded off-list.) I've posted the fixed version at http://scott.sauyet.com/CSS/Test/MissingImage/index2.html I don't know why Holly couldn't replicate the problem. We'll chalk it up to IE's temperamentalism. Wow, go away from a list for a couple of years and it still feels like home. Thanks again, everyone! -- Scott __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Content Missing in IE
Follow-up... >> http://scott.sauyet.com/CSS/Test/MissingImage/ >> >> If you look at it in Firefox or Opera, you will see an icon and the >> name "Fred Ames" to the right of the tabs. If you look at it in >> IE, it's missing. > I usually solve that type of 'AP' related problems in IE/win by not > 'AP' the element. Instead I'd use 'removed floats'... floats that do > not occupy any area :-) If you want to avoid restyling, you can simply wrap the entire... ... ...in another - unstyled - div, as that will isolate the absolute positioned element from the floating . That 'AP' next to 'float' is what causes the problem in IE/win. Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Content Missing in IE
Scott Sauyet wrote: > http://scott.sauyet.com/CSS/Test/MissingImage/ > > If you look at it in Firefox or Opera, you will see an icon > and the name "Fred Ames" to the right of the tabs. If you > look at it in IE, it's missing. I'm pretty sure the relevant > CSS is at the top of the stylesheet: > > http://scott.sauyet.com/CSS/Test/MissingImage/css/main2.css > > I've been beating my head against the wall over this. Any > suggestions would be greatly appreciated. I can imagine. I've just made a small testcase of this bug, and it seems related to the combination of the absolute positioned element and the margin of the float. The order of the two elements doesn't matter btw - I reversed them in my test, didn't make a difference. Testcase 1: a floated ul, like in your page (only right floated instead of left) http://here.locusmeus.com/temp/bug1.html To see the effect, make your window less then 400px wide, refresh the page: no black box. Then draw your window wider, and at about a 50px (?) margin-left on the floated ul, the black box appears. Testcase 2: a floated div. http://here.locusmeus.com/temp/bug2.html This time, the margin needed to make the black box appear is very small, seems to be the natural padding of the body element. To solve this problem for your page: make your ul#nav narrower. The width of the absolute positioned element is irrelevant btw. -- Els http://locusmeus.com/ http://locusoptimus.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Content Missing in IE
Scott Sauyet wrote:
> http://scott.sauyet.com/CSS/Test/MissingImage/
>
> If you look at it in Firefox or Opera, you will see an icon and the
> name "Fred Ames" to the right of the tabs. If you look at it in IE,
> it's missing.
It sure is... at least in my IE6 on win2K.
I usually solve that type of 'AP' related problems in IE/win by not 'AP'
the element. Instead I'd use 'removed floats'... floats that do not
occupy any area :-)
This new style does work on a copy of your demo-page:
Replacing all styles on #perm...
#perm {float: right; margin: 5px 10px -100px 0; height: 40px;}
...and then I added this...
#navbar #perm .contact {position: relative;}
...to make it work in all browsers.
Tested in Opera 8.5 & 9beta, Firefox 1.5.0.2 and IE6.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Content Missing in IE
Welcome back, Scott. (yeah, I remember) From: Scott Sauyet <[EMAIL PROTECTED]> >I have some content missing in IE6. It works fine in FF and Opera, so >I'm guessing it's an IE problem. Of course IE is the one browser in >which it absolutely *has* to work. >http://scott.sauyet.com/CSS/Test/MissingImage/ >http://scott.sauyet.com/CSS/Test/MissingImage/css/main2.css It looks like you got this fixed. Is that correct? I couldn't reproduce the problem with your demo and css saved just a short time ago, so I hope that's true. I can see the icon on your page in IE6 now as well. ~holly __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Content Missing in IE
Hi folks. Some of you may remember me from when I was active on this list several years ago. Been off doing other things, but I now have a problem that I hope you good people might help me resolve. I have some content missing in IE6. It works fine in FF and Opera, so I'm guessing it's an IE problem. Of course IE is the one browser in which it absolutely *has* to work. This is for an Intranet, but I've abstracted out a demo here: http://scott.sauyet.com/CSS/Test/MissingImage/ If you look at it in Firefox or Opera, you will see an icon and the name "Fred Ames" to the right of the tabs. If you look at it in IE, it's missing. I'm pretty sure the relevant CSS is at the top of the stylesheet: http://scott.sauyet.com/CSS/Test/MissingImage/css/main2.css I've been beating my head against the wall over this. Any suggestions would be greatly appreciated. Thanks, -- Scott __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
