Witam.
Zrzuty ekranu:
-
Mozilla Firefox-
Internet ExplorerLegenda IE SS:
1) Co jest grane dlaczego dwa inputy znikają ?
2) Pewnie to specyfika IE ale chciałbym jakoś uzyskać pełną ramkę,
- a jeśli to nie jest możliwe jak ustawić żeby w IE nie wyświetlała się też ramka dolna a w pozostałych żeby wyświetlała się cała ramka.
3) Chciałbym aby obie kolumny miała taką samą wysokość zależna rzecz jasna od zawartości lewej kolumny.
CSS:
div.registration { width:100%; margin:10px 0 10px 0; padding:0; }
div.registration-left { float:left; width:47%; margin:0 1% 0 2%; padding:0; }
div.registration-right { float:left; width:47%; margin:0 2% 0 1%; padding:0; }
div.registration fieldset { width:96%; padding:7px 2% 7px 2%; margin:0 0 5px 0; }
div.registration legend { font-size:12px; font-weight:bold; }
div.registration fieldset label { float:left; margin:0 0 5px 0; font-size:11px; text-align:left; overflow:hidden; text-align:justify; }
div.registration fieldset.row label { width:100%; }
div.registration fieldset.col label { width:50%; }
div.registration fieldset label span { float:left; line-height:17px; }
div.registration fieldset label input { float:left; width:95%; height:15px; font-size:12px; line-height:9px; background:none; }
div.registration fieldset label input.username { width:98%; }
div.registration fieldset label.chbx { cursor:pointer; }
div.registration fieldset label.chbx input { float:left; width:14px; margin:0 3px 0 3px; padding:0; }
div.registration fieldset label.select { float:left; width:100%; }
div.registration fieldset label.select select { float:left; width:100%; background:none; }
div.registration fieldset.regulations_content div { width:100%; height:356px; margin:0 0 10px 0; overflow:scroll; background:none; border:1px solid #000; }
div.registration fieldset.regulations_content label { font-weight:bold; }
div.registration input.btn_submit { float:none; width:90%; height:21px; margin:0 auto; margin-top:10px; font-size:12px; line-height:12px; background:none; }
HTML:
<div class="registration"> <form method="post" action="#"> <div class="registration-left"> <label><input class="username" type="text" name="username" value="" /></label> <label>Admins and users may want to contact you via e-mail sometime.
</label> <label class="chbx"><input type="checkbox" name="emails_admin" checked> Receive e-mails from admins
</label> <label class="chbx"><input type="checkbox" name="emails_users" checked> Receive e-mails from other users
</label> <label class="select">Below you can adjust timezone settings
</label> <div class="registration-right"> <label class="chbx"><input type="checkbox" name="regulation"> I've read and i agree with terms and rules
</label> <input class="btn_submit" type="submit" value="Register">