Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Regular Coder
    Join Date
    Jun 2007
    Location
    N. Ireland
    Posts
    351
    Thanks
    16
    Thanked 4 Times in 4 Posts

    Trying to fix IE6 Bug

    My site, http://www.toddlersoccer.org has been written in PHP with external CSS support.

    I have a couple of forms that have the following style:
    Code:
    form.quote div {
     width: 350px;
     text-align: right;
     line-height: 2.2em;
     valign: top;
    }
    form.quote h3 {
     text-align: left;
    }
    form.quote div.date {
     width: 388px;
    }
    form.quote input.std, textarea {
     width: 200px;
    }
    form.quote textarea {
     height: 70px;
    }
    form.quote select {
     width: 204px;
    }
    This layout is perfect for FF but if a user is browsing in IE6 my site loads in another css - ie6.css that overwrites some parts of my site to give a similar layout to what I need.

    My question is how do I fix the date fields on example:
    http://www.toddlersoccer.org/packages/playgroups/

    Thanks,

    D.
    Daemonkin.
    If this was helpful, please add to my reputation
    Thousand Sons - Freelance Web Developer - ninetyonedegrees.com

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    First, this is invalid
    Code:
    valign: top;
    though not part of the problem, still not needed.

    I suggest you take a look at this tutorial. It shows the proper way to layout a form. Your use of divs in your form is excessive and not semantic at all.

    http://www.pixy.cz/blogg/clanky/css-...andlabels.html
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Regular Coder
    Join Date
    Jun 2007
    Location
    N. Ireland
    Posts
    351
    Thanks
    16
    Thanked 4 Times in 4 Posts
    Thanks for that Aero.

    I have always used divs for form layout not realising I was not being semantic.

    I will update my styles and forms accordingly.

    Oh, and the valign: top is probably a remanant from another CSS I wrote somewhere...

    Edit: Are fieldset and legend required for semantic forms?

    D.
    Daemonkin.
    If this was helpful, please add to my reputation
    Thousand Sons - Freelance Web Developer - ninetyonedegrees.com


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •