Re: [css-d] Re: Float in IE Mac expands design
On 9/22/05, Christian Heilmann [EMAIL PROTECTED] wrote: Move the files to another folder, this one keeps asking for login details. Therefore we cannot see your CSS and give you any advice. My guess is that you have set no width to the floated element.MSIE is picky with that. Sorry, I forgot to mention that you just need to click the cancel button at the login prompt. This file is displaced where it is, as it resides on another server as part of an in development system. That accounts for the login prompt, since the file is still trying to call images from that server. However, you should still be able to see the CSS files using the direct links I provided since they are not protected themselves. Regarding the float width, I do have a width on every floated element. Thanks! -- Yazmin Wickham Contractor - Internet Development http://www.yazmin.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Re: Float in IE Mac expands design
On 9/21/05, Yazmin Media [EMAIL PROTECTED] wrote: I have the following files: http://yazminmedia.com/playground/test.htm http://yazminmedia.com/playground/description.css http://yazminmedia.com/playground/metal2.css In the description.css file, if I float the .panel class, it forces IE/Mac users to have to scroll horizontally to view the whole page. If I remove the float: left; spec, the .results class div gets pushed down below the .panel class div. I'd like for the .results div and the .panel div to appear side by side. It's difficult to tell what's going on, since you have many items on the page (images?) behind some password protection, and a large number of javascript errors stemming from DOCTYPE tags in your JS files. In addition, the XHTML does not validate (but likely would once you correct the capitalization) so we can't see if the CSS would validate. However, it sounds like I problem I've run into before. I haven't pinned down the problem, but it seems that Mac IE will sometimes improperly nest the element that follows an element removed from the flow (e.g., float or absolute positioned). The solution is to put a comment after the closing tag of each such element. In your case, see if placing a comment after your panel div works. -- Ben Curtis : webwright bivia : a personal web studio http://www.bivia.com v: (818) 507-6613 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Re: Float in IE Mac expands design
On 9/22/05, Ben Curtis [EMAIL PROTECTED] wrote: It's difficult to tell what's going on, since you have many items on the page (images?) behind some password protection, and a large number of javascript errors stemming from DOCTYPE tags in your JS files. In addition, the XHTML does not validate (but likely would once you correct the capitalization) so we can't see if the CSS would validate. However, it sounds like I problem I've run into before. Thank you Ben. This project is protected behind a realm. I should have made a copy of the HTML as it comes out in the browser and uploaded that to my personal server. That's what I've done now, so there should be no issues with realm protection, however, it has duplicated some elements (which should be ignored). I hope this fixes most issues that have been stopping people from commenting. Concerning validation, this is a canned system that we are trying to customize without modifying core files. If there are validation issues not associated with our added code, I unfortunately am not allowed to fix them. But I have been sending these issues to the developer, so I hope they will be fixed in future releases. However, I thought CSS files could be validated separately. Is that not the case? I haven't pinned down the problem, but it seems that Mac IE will sometimes improperly nest the element that follows an element removed from the flow (e.g., float or absolute positioned). The solution is to put a comment after the closing tag of each such element. In your case, see if placing a comment after your panel div works. The panel div is actually three distinct divs with the same class but a different id (panel1, panel2, and panel3) that sit one on top of the other. I put a comment after each of these panels, but it did not fix the problem. Thanks, -- Yazmin Wickham Contractor - Internet Development http://www.yazmin.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Re: Float in IE Mac expands design
I have the following files:
http://yazminmedia.com/playground/test.htm
http://yazminmedia.com/playground/description.css
http://yazminmedia.com/playground/metal2.css
In the description.css file, if I float the .panel class, it forces
IE/Mac
users to have to scroll horizontally to view the whole page. If I
remove the
float: left; spec, the .results class div gets pushed down below the
.panel
class div.
I'd like for the .results div and the .panel div to appear side by
side.
That is a known bug in IE Mac. You have a floated block nested in a td
within a whole bunch of tables. Took me quite a while to drill through
to reach it in the DomInspector.
Here is the documentation for that bug, including samples and possible
workarounds:
http://www.l-c-n.com/IE5tests/float2misc/#fm003
.result {display:inline-block; float: none} will probably fix that.
Serve to IE Mac only.
Philippe
---
Philippe Wittenbergh
http://emps.l-c-n.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
