Foros del Web » Creando para Internet » HTML »

Códigos extraños, hacen cosas distintas y son iguales

Estas en el tema de Códigos extraños, hacen cosas distintas y son iguales en el foro de HTML en Foros del Web. Estoy programando una web y en X parte, voy a ocupar que algo luzca de X manera, el caso es que hice este código que ...
  #1 (permalink)  
Antiguo 16/01/2009, 11:23
 
Fecha de Ingreso: junio-2008
Mensajes: 131
Antigüedad: 9 años, 5 meses
Puntos: 2
Códigos extraños, hacen cosas distintas y son iguales

Estoy programando una web y en X parte, voy a ocupar que algo luzca de X manera, el caso es que hice este código que supuestamente hacía exactamente lo que yo quería (el .css está más abajo):

Código:
<div class="porta1">
	&nbsp;
	</div>
	<div class="porta2">
	<table border="0" width="900px" cellpadding="0" cellpadding="0">
	<tr>
	<td class="porta_r1">
	A
	</td>
	<td>
	B
	</td>
	<td class="porta_r1">
	C
	</td>
	</tr>
	</table>
	</div>
	<div class="porta3">
	&nbsp;
	</div>
Luego voy y lo pruebo en Firefox y ZAZ!, se ve mal, hay unos bordes blancos que no deberían estar. Lo pruebo en IE y lo mismo, en Opera y Safari y lo mismo.

Le busco un buen rato y no encuentro el error. Decido borrar y empezar de nuevo, y termino en esto:

Código:
<div class="porta1">
	&nbsp;
	</div>
	<div class="porta2">
	<table border="0" width="900px" cellpadding="0" cellspacing="0">
	<tr>
	<td class="porta_r1">
	A
	</td>
	<td>
	B
	</td>
	<td class="porta_r1">
	C
	</td>
	</tr>
	</table>
	</div>
	<div class="porta3">
	&nbsp;
	</div>
Lo pruebo en Firefox, IE, Safari y Opera y en todos OK!!, luego, me doy cuenta de que ¡AMBOS CÓDIGOS SON IDÉNTICOS!, el que provoca los bordes y el que se ve bien.

¿Qué es esto? No le encuentro explicación.

Pueden verlo en acción en: http://rojocereza.com/rareza/

Añado el código del style.css:

Código:
.porta1{
	border-top: 2px solid #FFFFFF;
	background: #2d9dc5;
	height: 20px;
}
.porta2{
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 20px solid #2d9dc5;
}
.porta3{
	border-top: 2px solid #FFFFFF;
	background: #371707;
	height: 20px;
}

.porta_r1{
	background: #2d9dc5;
	width: 20px;
}
  #2 (permalink)  
Antiguo 16/01/2009, 11:36
 
Fecha de Ingreso: mayo-2006
Ubicación: Bogotá
Mensajes: 2.042
Antigüedad: 11 años, 7 meses
Puntos: 50
Respuesta: Códigos extraños, hacen cosas distintas y son iguales

fgacil en el de arriba le quedaron dos cellpading eso es lo que esta generando el problemita


saludos.
  #3 (permalink)  
Antiguo 16/01/2009, 11:43
 
Fecha de Ingreso: junio-2008
Mensajes: 131
Antigüedad: 9 años, 5 meses
Puntos: 2
Respuesta: Códigos extraños, hacen cosas distintas y son iguales

Wow no lo vi....... !!! gracias
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 19:45.