Gracias de antemano por su ayuda
Tengo un estilo de listas que cuando lo hice funcionó bien con el DOCTYPE que viene por default en mi editor (<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">), fue error mio no ajustar primero este dato en el editor, pero bueno, el problema es que al incorporarlo al resto de las páginas con otro DOCTYPE (<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">) ya no funciona como lo espero, el bloque contenedor no crece conforme el texto. He estado investigando al respecto para encontrar el estilo que debo cambiar pero he perdido ya mucho tiempo en esto y no creo estar cerca.
Alguien con más experiencia pudiera darme alguna orientación, por favor?
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style type="text/css">
<!--
#venContenedor{
font:100% Arial,Tahoma,Verdana, sans-serif;
clear:both;
margin-left: -40px;
}
.ventajaFoto{
display:block;
height: 100px;
width: 100px;
border: 1px;
border-style: dotted;
padding:10px 10;
float:left;
}
.venCajaTextos{
border: 1px;
border-style: dotted;
height: 100px;
margin-left:110px;
}
ol {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:5;
}
ol li {
padding: 2px;
margin-top: 5px;
width:100%;
float:left;
}
.venImpar{
background:#fff;
}
.venPar{
background:#ffcc00;
}
.venTitulo{
font-size:20px;
font-style:normal;
font-weight:bold;
}
-->
</style>
</head>
<body>
<div style="width:50%">
<div id="venContenedor">
<ol>
<li class="venPar"><div class="ventajaFoto" style="background:url('images/imagen')"></div><div class="venCajaTextos"><div class="venTitulo">Encabezado</div><div class="venDescripcion">Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion v Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion v Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion </div></div></li>
<li class="venImpar"><div class="ventajaFoto" style="background:url('images/imagen')"></div><div class="venCajaTextos"><div class="venTitulo">Encabezado</div><div class="venDescripcion">Descripcion</div></div></li>
<li class="venPar"><div class="ventajaFoto" style="background:url('images/imagen')"></div><div class="venCajaTextos"><div class="venTitulo">Encabezado</div><div class="venDescripcion">Descripcion</div></div></li>
<li class="venImpar"><div class="ventajaFoto" style="background:url('images/imagen')"></div><div class="venCajaTextos"><div class="venTitulo">Encabezado</div><div class="venDescripcion">Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion v Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion v Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion DescripcionDescripcion Descripcion Descripcion Descripcion Descripcion Descripcion v Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion Descripcion</div></div></li>
</ol>
</div>
</div>
</body>
</html>