Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS DOCTYPE, Browser Compatibility, or CSS issue? Reply To: DOCTYPE, Browser Compatibility, or CSS issue?

#158553
Merri
Participant

Played around with it until got it somewhat working similarly between browsers: http://codepen.io/Merri/pen/KbuHn

Changed styles:

/* Login Form */

.loginform {
  line-height: 40px;
  overflow: auto;
  text-align: right;
}

.loginform ul {
  float: left;
  line-height: normal;

  list-style-type: none;
  list-style-position: outside;
  margin: 0px;
  padding: 0px;
}

.loginform li{
  padding: 1px;
}


#loginFormBtn {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  padding-right: 5px;
  white-space: nowrap;
}

/* added one property hack to the end: */
.loginBtn {
  *padding: 6px 7px;
}

Also made the input fields accessible atleast in IE8’s IE7 mode.

Note I also changed #loginFormBtn element into a span.