Hola a todos!
pues aquí sigo con mis listas y mis problemas. Después de solucionar
el problema anterior me encuentro con otro. Quiero conseguir algo como
esto:
He conseguido que se vea así en Firefox, Safari y Opera pero ni IE 6
ni 7 se dejan y se descoloca todo. Estoy utilizando el siguiente
código (lo he simplificado al máximo para intentar detectar el error):
<style type="text/css">
* {
margin: 0;
}
div{
width: 300px;
}
dt, dd{
width: 40%;
}
dt{
background: #CC0000;
text-align: right;
float: left;
}
dd{
background: #33FF00;
text-align: left;
float: right;
}
dt{
clear: both;
}
</style>
</head>
<body>
<div id="contenedor">
<dl>
<dt>Item 1</dt>
<dd>Dato 1 Dato 1 Dato 1 Dato 1 Dato 1 Dato 1</dd>
<dt>Item 2</dt>
<dd>Dato 2 Dato 2 Dato 2 Dato 2 Dato 2 Dato 2</dd>
<dt>Item 3</dt>
<dd>Dato 3 Dato 3 Dato 3 Dato 3 Dato 3 Dato 3</dd>
<dt>Item 4</dt>
<dd>Dato 4 Dato 4 Dato 4 Dato 4 Dato 4 Dato 4</dd>
<dt>Item 5</dt>
<dd>Dato 5 Dato 5 Dato 5 Dato 5 Dato 5 Dato 5</dd>
</dl>
</div>
¿Alguien sabe como solucionar lo de IE 6 y 7?
Gracias!
David
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo