I'm really trying for a few days to implement a form with Blueprint 1.0 on IE6 and FF3.6.16 and both give the same problem. So as newbie I copied an online example (see below). The result of this example is also not expected, so the problem seems to be in the nifty details. What is wrong in the following html/blueprint that results in a form that looks like (for both IE6&FF3.6):
+-- Contact Us ----------------------------------------------------------------+ | Your name |__________________| Email address | | |________________| Telephone | | | ______________| | | Website |______________| Message | | +--------------------------------------------------- + | | | | | | | | | | | | | | | | | | +--------------------------------------------------- + | | | Submit | | +------------------------------------------------------------------------------------ + == HTML START === <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd";> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Blueprint Forms Tests</title> <!-- Framework CSS --> <link rel="stylesheet" href="./screen.css" type="text/css" media="screen, projection"> <link rel="stylesheet" href="./print.css" type="text/css" media="print"> <!--[if lt IE 8]> <link rel="stylesheet" href="./ie.css" type="text/css" media="screen, projection"> <![endif]--> </head> <body> <div class="container showgrid"> <form action="#" method="post" class="inline"> <fieldset> <legend>Contact Us</legend> <div class="column span-4"><label for="cName">Your name</label></ div> <div class="column span-10 last"><input type="text" class="text" name="cName" id="cName" /></div> <div class="column span-4"><label for="cEmail">Email address</ label></div> <div class="column span-10 last"><input type="text" class="text" name="cEmail" id="cEmail" /></div> <div class="column span-4"><label for="cTelephone">Telephone</ label></div> <div class="column span-10 last"><input type="text" class="text" name="cTelephone" id="cTelephone" /></div> <div class="column span-4"><label for="cWebsite">Website</label></ div> <div class="column span-10 last"><input type="text" class="text" name="cWebsite" id="cWebsite" /></div> <div class="column span-4"><label for="cMessage">Message</ label></div> <div class="column span-10 last"><textarea name="cMessage" class="text span-10" id="cMessage" rows="5" cols="20"></textarea></ div> <div class="column span-10 prepend-4 last"><button>Submit</ button></div> </fieldset> </form> </div> </body> </html> == HTML END === -- You received this message because you are subscribed to the Google Groups "Blueprint CSS" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en.
