Bueno, pues desde hace unos días llevo un quebradero de cabeza.
Trato de conseguir esto:
En firefox, obviamente, me lo hace bien (hasta el navegador de mi teléfono móvil lo visualiza bien), pero con IE6 y 7 me lo muestra así:
Dejo aquí el código (he usado lo que phpbb3 utiliza):
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="es">
<head>
<title>probando</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
body {
margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 70%;padding: 0px;
background: #4A9BEA;
}
#general {
padding:5px;
background: #FAFAFA;
border: #83ACE9 solid 1px;
width:940px;
margin:auto;
margin-top:5px;
overflow:hidden;
}
.contenido {
text-align:justify;
background: #E4F0FF;
width:720px;
float:left;
margin-bottom:10px;
padding: 5px;
border: #83ACE9 solid 1px;
color: #000000;
}
dl.details dt {
float: left;
clear: left;
width: 30%;
text-align: right;
color: #000000;
display: block;
}
dl.details dd {
margin-left: 0;
padding-left: 5px;
margin-bottom: 5px;
color: #105BAC;
float: left;
width: 65%;
}
*:first-child+html dl.details dd {
margin-right: 30%;
float: none;
}
* html dl.details dd {
margin-right: 30%;
float: none;
}
/* Correctly clear floating for details on profile view */
* html dl.details dd {
margin-left: 30%;
float: none;
}
*:first-child+html dl.details dd {
margin-left: 30%;
float: none;
}
</style>
</head>
<body>
<div id="general">
<div class="contenido">
<dl class="details">
<dt>Usuario:</dt><dd><span style="font-weight:bold;">T_O_N_N_Y</span></dd>
<dt>Ubicación:</dt>
<dd>Quart de Poblet (València)</dd>
<dt>Cumpleaños:</dt>
<dd>5-11-1989, 18 años</dd>
<dt>Ocupación:</dt>
<dd>Estudiante de ingeniería de telecomunicaciones en la UPV</dd>
<dt>Intereses:</dt>
<dd>Disfrutar la vida en general bla bla</dd>
</dl>
</div>
</div>
</body>
</html> Ese código funciona en FF perfectamente, pero para que funcione en IE debo quitar el DocType, cosa que no quiero hacer.
A ver si sabéis dónde puede estar el problema
Muchisisisisisismas gracias!