Foros del Web » Creando para Internet » CSS »

Problema con el DOCTYPE

Estas en el tema de Problema con el DOCTYPE en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 06/04/2009, 17:32
Avatar de Myakire
Colaborador
 
Fecha de Ingreso: enero-2002
Ubicación: Centro de la república
Mensajes: 8.849
Antigüedad: 15 años, 10 meses
Puntos: 145
Problema con el DOCTYPE

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>
  #2 (permalink)  
Antiguo 06/04/2009, 20:11
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Problema con el DOCTYPE

lo que pasa es que estás dando un alto fijo de 100px a la caja que contiene texto y a eso solo ie obecece, corrige esta clase:

Código:
.venCajaTextos{
	 border: 1px;
	 border-style: dotted;
	 min-height:100px;
	 height:auto!important;
	 height: 100px;
	 margin-left:110px;
}
por si acaso !important no es hack, espero te sirva.
__________________
WFC
codigo82
  #3 (permalink)  
Antiguo 06/04/2009, 21:05
Avatar de Myakire
Colaborador
 
Fecha de Ingreso: enero-2002
Ubicación: Centro de la república
Mensajes: 8.849
Antigüedad: 15 años, 10 meses
Puntos: 145
Respuesta: Problema con el DOCTYPE

excelente !!!

Tienes idea de lo que me he tardado leyendo decenas de páginas y haciendo muchas pruebas antes de preguntar esto??!!!

Antes de preguntar primero investigo mucho, y tu respuesta (sencilla para el que sabe) me hace pensar que quizá debo de modificar mi comportamiento y preguntar un poco más rápido.

Te lo agradezco mucho! Te debo una cerveza
  #4 (permalink)  
Antiguo 07/04/2009, 08:19
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Problema con el DOCTYPE

Cita:
Iniciado por Myakire Ver Mensaje
Te lo agradezco mucho! Te debo una cerveza
, no hay problema, cuando quieras, haber si la cerveza la pones en un rar y me la envías por mail.

fue un placer
__________________
WFC
codigo82
  #5 (permalink)  
Antiguo 07/04/2009, 14:52
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Problema con el DOCTYPE

Cita:
Iniciado por willyfc Ver Mensaje
, no hay problema, cuando quieras, haber si la cerveza la pones en un rar y me la envías por mail.
¡¡Buen sistema!!, nunca lo había pensado.

Saludos.

  #6 (permalink)  
Antiguo 07/04/2009, 17:27
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Problema con el DOCTYPE

Dos en zip por aquí en la mesa del fondo
  #7 (permalink)  
Antiguo 07/04/2009, 17:31
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 3 meses
Puntos: 2113
Respuesta: Problema con el DOCTYPE

Una en <div id="barra"> por favor
__________________
- León, Guanajuato
- GV-Foto
  #8 (permalink)  
Antiguo 07/04/2009, 19:33
Avatar de Myakire
Colaborador
 
Fecha de Ingreso: enero-2002
Ubicación: Centro de la república
Mensajes: 8.849
Antigüedad: 15 años, 10 meses
Puntos: 145
Respuesta: Problema con el DOCTYPE

Empacar la cerveza no tenía mucho problema ... pero no me pidas que maquete una por ahí si no

Bueno, pago mi deuda:

  #9 (permalink)  
Antiguo 07/04/2009, 19:55
Avatar de willyfc  
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 9 años, 2 meses
Puntos: 40
Respuesta: Problema con el DOCTYPE

no te preocupes, si te cuesta maquetar yo te ayudo, y me la llevo antes que Mik y triby vengan.
__________________
WFC
codigo82
  #10 (permalink)  
Antiguo 07/04/2009, 21:40
Avatar de pao01
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 1.875
Antigüedad: 9 años, 6 meses
Puntos: 351
Respuesta: Problema con el DOCTYPE

Una solita? Somos muchos por acá
__________________
Entre más estrecha la mente, más grande la boca.- Ted Cook
Autosconarte-Blog
  #11 (permalink)  
Antiguo 07/04/2009, 23:18
Avatar de Myakire
Colaborador
 
Fecha de Ingreso: enero-2002
Ubicación: Centro de la república
Mensajes: 8.849
Antigüedad: 15 años, 10 meses
Puntos: 145
Respuesta: Problema con el DOCTYPE

Una respuesta = una cerveza
  #12 (permalink)  
Antiguo 08/04/2009, 01:18
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
Respuesta: Problema con el DOCTYPE



¡¡¡ CERVEZAAAAA !!!
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:45.