Example5-2.html in IE

ectounix · April 10th, 2005, 05:40 PM

I was looking at the example and tried it in mozilla and it worked as pictured in the book. However when I tried viewing the page in Internet Explorer, the input fields for Name and Email appear below the labels. I believe there is enough space to occupy the label and input fields on the same line? Confused!

czambran · April 10th, 2005, 08:22 PM

they appear fine on my pc! What is the size of your screen?

Christian

richard.york · April 11th, 2005, 10:52 AM

The Example doesn't display the same in Explorer because Explorer doesn't support the direct child selector ">" (nor most of the advanced selectors in that chapter).

Code:

            /**
             * Direct Child Selectors
             **
            */

            form > div > label {
                float: left;
            }
            form > div {
                clear: left;
            }

The above is what puts the labels to the left of the input fields.

If I remember correctly, one of the exercises at the end of Chapter 5 deals with rewriting the example using only selectors that Explorer understands.

Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design