<div class="site"> <div style="float: left; color: #ffa800; font-weight: bold; font-family: Verdana, Helvetica, Verdana, sans-serif; font-size: 12px; overflow: hidden;"> <!--Kolumna--> <div style="border-color: black; border-width: 2px; border-style: solid; width: 190px; max-height: 120px; margin-bottom: 0px; padding: 0px; margin-bottom: 0px;"> <!--Panel--> <form action="zaloguj.php" method="post" style="display: inline"> Login<input type="text" name="login" style="width: 125px; margin-left: 5px; margin-top: 5px;"/> Hasło<input type="password" name="haslo" style="width: 125px; margin-left: 5px; margin-top: 5px;"/> <input type="image" src="zaloguj.gif" alt="zarejestruj" style="width: 180px; height: 25px; margin-top: 5px;" /> </form> </div> <div style="margin-top: 10px; border-color: black; border-width: 2px; border-style: solid; width: 190px; max-height: 120px; overflow: hidden; padding: 0px; margin-bottom: 0px;"> <!--Panel--> <br /> ABC<br /> acc? </div> </div> <div style="float: left; margin-left: 15px; width: 570px; text-align: left;"> </div> </div>
w Operze i Mozilli wysokość diva kolumna jest x punktów. W Internet Explorer x+6px.
z kolei jeżeli z kodu odejmę na początku:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
TO w Operze i Mozilli jest x-ok.5px, a w internex explorer cały czas tak samo czyli x+6px
a problem twki głównie pomiędzy odstępami między dwoma polami formularza, a IE interpretuje to jako 7px, a Opera i Mozilla prawdiwłowo 5px