Posted By

teddyzetterlund on 10/13/08


Tagged

safari bug legend


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

vali29


Safari bug


 / Published in: HTML
 

NOTE: THIS IS FIXED IN THE NIGHTLY BUILDS!

Only tested Safari 3, not 2. Just remove the comment around the LEGEND in the CSS and you'll see what I mean.

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2. "http://www.w3.org/TR/html4/strict.dtd">
  3. <html lang="en">
  4. <head>
  5. <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  6. <title>wtf is ftw backwards</title>
  7. <style type="text/css" media="screen">
  8.  
  9. /* THIS IS FIXED IN THE NIGHTLY BUILDS */
  10.  
  11. /* uncomment this on your second try,
  12. for some reason safari needs it,
  13. otherwise the labels gets a break after them
  14. (I want the select controls on one line without floating the legend)
  15.  
  16. legend { float: left; } */
  17.  
  18. .hide-labels label {
  19. position: absolute;
  20. text-indent: -9000px; }
  21.  
  22. </style>
  23. </head>
  24. <body>
  25. <form action="" method="get" accept-charset="utf-8">
  26. <fieldset class="hide-labels">
  27. <legend>Birthdate</legend>
  28. <label for="birthdate_day">Day</label>
  29. <select id="birthdate_day">
  30. <option>Day</option>
  31. </select>
  32. <label for="birthdate_month">Month</label>
  33. <select id="birthdate_month">
  34. <option>Month</option>
  35. </select>
  36. <label for="birthdate_year">Year</label>
  37. <select id="birthdate_year">
  38. <option>Year</option>
  39. </select>
  40. </form>
  41. </body>
  42. </html>

Report this snippet  

You need to login to post a comment.