Ver Mensaje Individual
  #4 (permalink)  
Antiguo 23/08/2009, 20:02
Avatar de deirdre
deirdre
 
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 15 años
Puntos: 45
Respuesta: Hora en JavaScript. IE6 la muestra sin CSS, pero con CSS no. ¿Por qué?

Hola Maicro

Las pruebas que hice con el javascript que muestra la hora, descontextualizándolo de la página, no me mostraba nada en ie6, 7 y 8 (y bien en los otros navegadores).

Lo he sustituido por otro "universal" y ahora funciona perfectamente en cualquier navegador:

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head >
	<title>Bienvenido a Classic Co.</title>
	<meta name="generator" content="Notepad++">
	<meta content="text/html; charset=ISO-8859-15" http-equiv="content-type">
	<meta name="description" content="Classic Co. Repuestos y Accesorios para Motocicletas Cl&aacute;sicas">
	<meta name="keywords" content="moto, guzzi, motoguzzi, ducati, benelli, laverda, morini, clasica, classic, bikes, italiana, repuesto, competicion, accesorio, dellorto, dell'orto, delldell&acute;orto, orto, carburador, grimeca, tambor, tarozzi, tommaselli, fontana, ceriani,">
	<meta name="author" content="Enrique Fraile Torrecilla Maicro">
	<link rev="made" href="mailto:[email protected]">
	<meta name="DC.Subject" content="Taller de motocicletas cl&aacute;sicas y modernas">
	<meta name="DC.Description" content="Taller de reparaci&oacute;n y acondicionamiento de motocicletas, cl&aacute;sicas y modernas. Ya sean para su circulaci&oacute;n en vías p&uacute;blicas como para preparaciones para circuito.">
	<meta name="DC.Publisher" content="classicco.biz">
	<meta name="DC.Publisher" content="classicco.es">
	<link rel="stylesheet" href="estilo.css" media="screen" type="text/css" title="Hoja de estilo de Classic Co.">
	<link rel="shortcut icon" href="favicon.ico">
	<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function(){
			$('#menu>li').hover(
				function(){
					$('.submenu',this).stop(true,true).slideDown('fast');
				},
				function(){
					$('.submenu',this).slideUp('fast');
				}
			);
			
		});
	</script>
	<!-- nuevo script añadido: marca la hora de entrada a la página -->
	<script type="text/javascript">
		var showTime= 1;

		function ShowDateTime(dateStyle)
		{
			var today = new Date();
			var dStr = "";
	
			switch (dateStyle)
		{
			case showTime:
				dStr = today.toLocaleTimeString();
				break;
		}
		document.write(dStr);
		}
	</script>
</head>
<body>
	<div id="cuerpo">
		<div id="contenido">
			<div id="cabecera">
				<img src="altiz.jpg" width ="300 px" height ="75 px" alt="Las motos de Classic Co. en acci&oacute;n" />
				<a href="http://www.classicco.es/" title ="Inicio de Classic Co."><img src="img/logoclassicco.jpg" width ="300 px" height ="75 px" alt="Logotipo de Classic Co." /></a>
				<img src="altde.jpg" width ="300 px" height ="75 px" alt="Las motos de Classic Co. en acci&oacute;n" />
			</div>
			<div class="barramenu">
				<ul id="menu">
					<li><a href="#" title ="Qui&eacute;nes somos en Classic Co.">NOSOTROS</a>
						<ul class="submenu">
							<li><a href="#" title ="D&oacute;nde nos encontramos">Localizaci&oacute;n</a></li>
							<li><a href="#" title ="Nuestra tienda y taller">Instalaciones</a></li>
							<li><a href="#" title ="Servicio oficial Moto Guzzi">Moto Guzzi</a></li>
							<li><a href="#" title ="De SoloGuzzi a Classic Co.">La evoluci&oacute;n</a></li>
							<li><a href="#" title ="Con qui&eacute;nes trabajamos">Marcas</a></li>
							<li><a href="#" title ="#53">Mauro</a></li>
							<li><a href="#" title ="El hermano mayor">Jos&eacute;</a></li>
							<li><a href="#" title ="El comercial">Juli&aacute;n</a></li>
							<li><a href="#" title ="El hermano pequeño">Ra&uacute;l</a></li>
						</ul>
					</li>
					<li><a href="#" title ="Los trabajos de Classic Co. para la circulaci&oacute;n">PREPARACIONES</a>
						<ul class="submenu">
							<li><a href="#" title ="La BellaRacer de Topete">Classic Co. Jarama</a></li>
						</ul>
					</li>
					<li><a href="#" title ="Los trabajos de Classic Co. para los circuitos">COMPETICI&Oacute;N</a>
						<ul class="submenu">
							<li><a href="#" title ="Classic Co. en el Mundial de Resistencia">Endurance Team</a></li>
							<li><a href="#" title ="La exclusividad de MG en Classic Co.">MGS 01 Corsa</a></li>
							<li><a href="#" title ="El fruto de las grandes ideas y la pasi&oacute;n">HyperTwin HT01</a></li>
							<li><a href="#" title ="La Bol d&acute;Or Classic">Corsa 1000</a></li>
							<li><a href="#" title ="Del hielo al asfalto">Jawa</a></li>
							<li><a href="#" title ="Divertirse con cl&aacute;sicas">Deccla</a></li>
						</ul>
					</li>
					<li><a href="#" title ="Venta de accesorios v&iacute;a electr&oacute;nica">TIENDA</a>
						<ul class="submenu">
							<li><a href="#" title ="Repuestos para motos Moto Guzzi">Moto Guzzi</a></li>
							<li><a href="#" title ="Repuestos para motos Ducati">Ducati</a></li>
							<li><a href="#" title ="Carburadores">Dell&acute;Orto</a></li>
							<li><a href="#" title ="Frenos de tambor y de disco">Sistemas de frenado</a></li>
							<li><a href="#" title ="Manuales y despieces">Documentaci&oacute;n</a></li>
						</ul>
					</li>
					<li><a href="#" title ="Para todo lo dem&aacute;s, o si quieres venir a conocernos">CONTACTO</a>
						<ul class="submenu">
							<li><a href="#" title ="Formulario de contacto y e-mail">Escr&iacute;benos</a></li>
							<li><a href="#" title ="Indicaciones de c&oacute;mo llegar hasta nosotros">Encu&eacute;ntranos</a></li>
						</ul>
					</li>
				</ul>
			</div> <!-- barramenu -->
			
			<div id="barraestado">
				<div id="hora">
					<!-- muestra la hora de entrada a la página: script montado en el head -->
					<script type="text/javascript">ShowDateTime(showTime)</script>
				</div>
				<div id="dia">
						<script languaje="JavaScript">
						var mydate=new Date()
						var year=mydate.getYear()
						if (year < 1000)
						year+=1900
						var day=mydate.getDay()
						var month=mydate.getMonth()
						var daym=mydate.getDate()
						if (daym<10)
						daym="0"+daym
						var dayarray=new Array("Domingo","Lunes","Martes","Mi&eacute;rcoles","Jueves","Viernes","Sabado")
						var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre")
						document.write(""+dayarray[day]+", "+daym+" de "+montharray[month]+" de "+year+"")
					</script>
				</div>
				<div id="localizacion">
					Bienvenido a Classic Co.
				</div>
			</div> <!-- barraestado -->
			
			<div id="tema">
				Tema
			</div> <!-- tema -->
			<div id="pie">
			</div> <!-- pie -->
		</div> <!-- contenido -->
	</div> <!-- cuerpo -->
</body>
</html> 
Haz un copy-paste y pruébalo.

Comenta algo.

Bye

* También deberías intentar arreglar el tema de la transparencia para ie6 (aún muchísimos usuarios lo utilizan, muchos de forma involuntaria: usuarios de ciber, bibliotecas, colegios, y muchísimas oficinas y empresas).