|
|
Posted by Luis Farzati on 04/17/07 23:06
Hi,
I have a tiny bug in the following code. FF1.5 renders it right, but
IE7 doesn't. To see the issue, please check out with both browsers the
DIV containing the field "Apellido", to which I'm applying a
float:left.
I've first tried applying a display:inline to the DIV, because it made
more sense for me, but didn't work. So I've tried float: left and now
I got it working partially.
I'd appreciate any tip you can give me. Thanks!!
Luis
<!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">
<head>
<title>User lfarzati</title>
<style>
.userInfo
{
border-right: 1px dashed #888;
padding-right: 8px;
width: 170px;
}
ul
{
list-style-type: none;
margin-left: 0;
padding-left: 0;
}
li
{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 8pt;
margin-bottom: 6px;
}
.label
{
display: block;
border-bottom: 1px solid #ddd;
}
.value
{
font-weight: bold;
}
.surname
{
float: left;
margin-right: 12px;
}
</style>
</head>
<body>
<div class="userInfo">
<ul>
<li>
<div><span class="label">Identificador</span><span
class="value">kate</span></div>
</li>
<li>
<div class="surname"><span class="label">Apellido</
span><span class="value">Austen</span></div>
<div class="name"><span class="label">Nombre</
span><span class="value">Kate</span></div>
</li>
</ul>
</div>
</body>
</html>
[Back to original message]
|