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/

Reply via email to