[css-d] IE8 breaks layout
http://www.hyperhappen.com/ is the site, can anyone see what the issue might be? I wrote the css a long time ago and IE7 was quite happy with it, but IE8 is cutting elements and backgrounds off. it seems to be not wrapping floated elements properly, but I can't be sure. is it worth trying to fix it up? Or should I wait for a newer IE8 release... TIA -- Join me: http://wiki.workalone.co.uk/ Thank me: http://www.amazon.co.uk/gp/registry/1VK42TQL7VD2F Engage me: http://www.boldfish.co.uk/portfolio/ __ css-discuss [EMAIL PROTECTED] 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] IE8 breaks layout
Tony Crockford wrote: http://www.hyperhappen.com/ is the site, can anyone see what the issue might be? I wrote the css a long time ago and IE7 was quite happy with it, but IE8 is cutting elements and backgrounds off. it seems to be not wrapping floated elements properly, but I can't be sure. is it worth trying to fix it up? Or should I wait for a newer IE8 release... Personal opinion: Wait. Patience is the companion of wisdom. -- Saint Augustine (354 AD - 430 AD) -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] 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] IE8 breaks layout
Tony Crockford wrote: http://www.hyperhappen.com/ is the site, can anyone see what the issue might be? I wrote the css a long time ago and IE7 was quite happy with it, but IE8 is cutting elements and backgrounds off. it seems to be not wrapping floated elements properly, but I can't be sure. is it worth trying to fix it up? Or should I wait for a newer IE8 release... TIA No action needed. A clearing br does not clear in IE8. It's already reported, they will have to fix it. Ingo -- http://www.satzansatz.de/css.html http://www.dolphinsback.com __ css-discuss [EMAIL PROTECTED] 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] IE8 breaks layout
Ingo Chao wrote: Tony Crockford wrote: http://www.hyperhappen.com/ is the site, can anyone see what the issue might be? I wrote the css a long time ago and IE7 was quite happy with it, but IE8 is cutting elements and backgrounds off. it seems to be not wrapping floated elements properly, but I can't be sure. is it worth trying to fix it up? Or should I wait for a newer IE8 release... TIA No action needed. A clearing br does not clear in IE8. It's already reported, they will have to fix it. Ingo -- http://www.satzansatz.de/css.html http://www.dolphinsback.com I didn't notice the clearing br but I do see that the relatively positioned div#box1bot is covering the floated links at the bottom of div#containertop. Here a test case with divs and no clearing. http://css-class.com/test/css/floats/float-position-relative.htm Both IE8 and Safari 3 shows the floated red box covering the r.p. box which is later in the source. Safari 3 doesn't show the bug on the page in question. This is possibly since Safari is using the clearing br. Tony removing nbsp; from div#box1bot seems to fix it. Have anyone seen any bugs with relative:position? Alan http://css-class.com/test/ __ css-discuss [EMAIL PROTECTED] 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] IE8 breaks layout
Tony Crockford wrote: http://www.hyperhappen.com/ is it worth trying to fix it up? Or should I wait for a newer IE8 release... As David said you should wait before correcting what may not be broke when the final release of IE8 is out. If it truly is buggy in this beta you should first check if it has been reported and if not enter a report. The more seemingly insignificant bugs that can be squashed before the final release the easier it will be to adapt to the new IE. I seem to remember the same scrambling-to-fix when IE7 beta was released, a lot of which became unnecessary after the release. Dennis __ css-discuss [EMAIL PROTECTED] 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] IE8 breaks layout
Dennis Bixler wrote:
Tony Crockford wrote:
http://www.hyperhappen.com/
is it worth trying to fix it up? Or should I wait for a newer IE8
release...
As David said you should wait before correcting what may not be broke
when the final release of IE8 is out.
Tony gave all browsers ambiguous markup and CSS and that does play a role in
things. It was a minor stress test on browsers. :-)
If it truly is buggy in this beta you should first check if it has been
reported and if not enter a report. The more seemingly insignificant
bugs that can be squashed before the final release the easier it will be
to adapt to the new IE.
What I have seen reported concerning layout issues is very little and how can
Tony report something that he does not understand? I don't even know why
browsers interpret this test case (has been added to) differently.
http://css-class.com/test/css/floats/float-position-relative.htm
Dennis, if MS is bombarded with such cases as fully coded pages how are they to
work out what is going wrong? They would have to unpick the code just to find
the bug (there are several operators present). This would be just like what
happened with IE7 beta but differently. MS are looking for strong bare test
cases.
The bugs I see in IE8 are concerning float and stacking, position relative and
display property bugs. Severe stress testing of IE8 does show many bugs but
similar bugs are also present in other browsers. It's just that IE8 has the
lion share. :-)
I seem to remember the same scrambling-to-fix when IE7 beta was
released, a lot of which became unnecessary after the release.
Dennis
Tony paste this into your CSS and see if it helps.
a.comments, a.permalink {
float: none !important;
margin: auto !important; /* play around with vertical margins */
}
and possibly
#box1bot {position:absolute !important;left:0;bottom:0;}
and change the bottom offset (0 ~ -20px) for correct positioning or wait and
see if a later IE8 beta fixes it.
Alan
http://css-class.com/test/
__
css-discuss [EMAIL PROTECTED]
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/
