Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/01/2008, 08:42
vega22
 
Fecha de Ingreso: septiembre-2007
Mensajes: 99
Antigüedad: 16 años, 5 meses
Puntos: 0
Problema con bordes en cabecera 3 columnas

Estoy tratando de montar una cabecera así a la manera que veis abajo. Es decir, es tipo tabla, una div envolvente y tres div "celdas". El problema es que Firefox la lee ya perfecto, pero IE se hace un pollo con los bordes de la "celda" central y me separa los bordes izquierdo y derecho de ella de los de sus "celdas" contiguas. ¿Como hago para que queden tambien en IE todo bien pegadito?

Gracias por adelantado...

Código:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<style type="text/css">
<!--
#div_cab {
	margin: 0px;
	padding: 0px;
	border: 2px solid #009900;
	height: 81px;
}

#div_cab_iz {
	float: left;
	width: 25%;
	background-image: url(../fondo1.jpg);
	background-repeat:  repeat-y;
	background-position: right;
	text-align: center;
	border: 1px solid #003300;
	height: 79px;
	margin: 0px;
	padding: 0px;
}
#div_cab_dr {
	float: right;
	width: 25%;
	background-image: url(../fondo2.jpg);
	background-repeat:  repeat-y;
	background-position: left;
	text-align: center;
	border: 1px solid #003300;
	height: 79px;
	margin: 0px;
	padding: 0px;
}
#div_cab_cent {
	width: auto;
	height: 79px;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	border: 1px solid #003300;
}
-->
</style>
</head>

<body>
<div id=div_cab>
  <div id="div_cab_iz"><img src="../logo.gif" width="168" height="79" /></div>
  <div id="div_cab_dr">derecha</div>
  <div id="div_cab_cent">central</div>
</div>
</body>
</html>