Ver Mensaje Individual
  #6 (permalink)  
Antiguo 17/12/2010, 18:30
mlombardo70
 
Fecha de Ingreso: diciembre-2010
Mensajes: 8
Antigüedad: 13 años, 4 meses
Puntos: 0
Respuesta: Problema borde con css

Hola

No es un problema de borders, los border están correctos, lo que pasa es que el código que pones llama a unas imágenes que no encuentra y el navegador te pinta las imágenes "not found" que tienen un borde y tapa 1 de los 2 px del borde inferior

A partir del código del primer mensaje, he substituido todas las imágenes por una que sí existe (un gif transparente) y solamente se ve el border de 2px de #container

Código HTML:
<div id="container">

<div id="bv_Image17" style="overflow:hidden;position:absolute;left:0px;top:0px;z-index:0" align="left">
<img src="http://img826.imageshack.us/img826/281/blankd.gif" id="Image17" alt="" align="top" border="0" style="width:858px;height:615px;"></div>
<!--<div id="bv_Image15" style="overflow:hidden;position:absolute;left:331px;top:8px;z-index:1" align="left">
<img src="images/bv_img2.jpg" id="Image15" alt="" align="top" border="0" style="width:428px;height:60px;"></div>-->
<div id="bv_Image14" style="overflow:hidden;position:absolute;left:331px;top:67px;z-index:2" align="left">
<img src="http://img826.imageshack.us/img826/281/blankd.gif" id="Image14" alt="" align="top" border="0" style="width:428px;height:421px;"></div>
<div id="bv_Image2" style="overflow:hidden;position:absolute;left:0px;top:8px;z-index:3" align="left">
<img src="http://img826.imageshack.us/img826/281/blankd.gif" id="Image2" alt="" align="top" border="0" style="width:331px;height:263px;"></div>
<div id="bv_Image1" style="overflow:hidden;position:absolute;left:0px;top:212px;z-index:4" align="left">
<img src="http://img826.imageshack.us/img826/281/blankd.gif" id="Image1" alt="" align="top" border="0" style="width:331px;height:400px;"></div>
<div id="bv_Image3" style="overflow:hidden;position:absolute;left:0px;top:147px;z-index:5" align="left">
<img src="http://img826.imageshack.us/img826/281/blankd.gif" id="Image3" alt="" align="top" border="0" style="width:331px;height:79px;"></div>
<div id="bv_Text1" style="position:absolute;left:68px;top:237px;width:97px;height:36px;z-index:6;" align="left">
<font style="font-size:16px" color="#FFFFFF" face="Arial"><b><i>Lionel Messi</i></b></font></div>
<div id="bv_Image5" style="overflow:hidden;position:absolute;left:759px;top:8px;z-index:7" align="left">
<img src="http://img826.imageshack.us/img826/281/blankd.gif" id="Image5" alt="" align="top" border="0" style="width:99px;height:115px;"></div>
<div id="bv_Image6" style="overflow:hidden;position:absolute;left:759px;top:123px;z-index:8" align="left">
<img src="http://img826.imageshack.us/img826/281/blankd.gif" id="Image6" alt="" align="top" border="0" style="width:99px;height:124px;"></div>
<div id="bv_Image7" style="overflow:hidden;position:absolute;left:759px;top:247px;z-index:9" align="left">
<img src="http://img826.imageshack.us/img826/281/blankd.gif" id="Image7" alt="" align="top" border="0" style="width:99px;height:116px;"></div>
<div id="bv_Image8" style="overflow:hidden;position:absolute;left:759px;top:363px;z-index:10" align="left">
<img src="http://img826.imageshack.us/img826/281/blankd.gif" id="Image8" alt="" align="top" border="0" style="width:99px;height:126px;"></div>
<div id="bv_Image9" style="overflow:hidden;position:absolute;left:759px;top:488px;z-index:11" align="left">
<img src="http://img826.imageshack.us/img826/281/blankd.gif" id="Image9" alt="" align="top" border="0" style="width:99px;height:125px;"></div>
<div id="bv_Image10" style="overflow:hidden;position:absolute;left:434px;top:488px;z-index:12" align="left">
<img src="http://img826.imageshack.us/img826/281/blankd.gif" id="Image10" alt="" align="top" border="0" style="width:116px;height:125px;"></div>
<div id="bv_Image11" style="overflow:hidden;position:absolute;left:550px;top:488px;z-index:13" align="left">
<img src="http://img826.imageshack.us/img826/281/blankd.gif" id="Image11" alt="" align="top" border="0" style="width:99px;height:126px;"></div>
<div id="bv_Image12" style="overflow:hidden;position:absolute;left:649px;top:488px;z-index:14" align="left">
<img src="http://img826.imageshack.us/img826/281/blankd.gif" id="Image12" alt="" align="top" border="0" style="width:110px;height:125px;"></div>
<div id="bv_Image4" style="overflow:hidden;position:absolute;left:331px;top:488px;z-index:15" align="left">
<img src="http://img826.imageshack.us/img826/281/blankd.gif" id="Image4" alt="" align="top" border="0" style="width:103px;height:125px;"></div>
<div id="bv_Image13" style="overflow:hidden;position:absolute;left:335px;top:8px;z-index:16" align="left">
<img src="http://img826.imageshack.us/img826/281/blankd.gif" id="Image13" alt="" align="top" border="0" style="width:229px;height:49px;"></div>

<script>utmx_section("Llamar")</script>
<input type="button" id="Button1" onclick="popupwnd('http://www.midesayunoideal.com/dclick','no','no','no','yes','yes','no','','','600','500');return false;" name="Button1" value="Desayuno Ideal" style="position:absolute;left:634px;top:15px;width:117px;height:26px;background-color:transparent;font-family:Arial;font-weight:bold;font-size:13px;z-index:17">
</noscript>

<script>utmx_section("Escribir")</script>
<input type="button" id="Button2" onclick="popupwnd('formulario.html','no','no','no','no','no','no','','','800','535');return false;" name="Button1" value="Escríbenos" style="position:absolute;left:634px;top:48px;width:117px;height:26px;background-color:transparent;font-family:Arial;font-weight:bold;font-size:13px;z-index:18">
</noscript>

<script>utmx_section("Atletas")</script>
<div id="bv_Text2" style="position:absolute;left:344px;top:63px;width:259px;height:16px;z-index:19;" align="right">
<font style="font-size:12px" color="#000000" face="Arial">Herbalife y los atletas de Clase Mundial... </font><font style="font-size:13px" color="#000000" face="Arial"><b><i><a href="javascript:popupwnd('http://www.herbalifesports.com/ES/lionel_messi.asp','no','no','no','yes','yes','no','','','600','500')" target="_self">Más</a></i></b></font></div>
</noscript>

<script>utmx_section("Productos")</script>
<div id="bv_Text3" style="position:absolute;left:357px;top:88px;width:246px;height:16px;z-index:20;" align="right">
<font style="font-size:12px" color="#000000" face="Arial">La mejor nutrición natural del mundo...</font><font style="font-size:13px" color="#000000" face="Arial"> <b><i><a href="javascript:popupwnd('http://www.herbalife.com.pe/','no','no','no','yes','yes','no','','','600','500')" target="_self">Más</a></i></b></font></div>
</noscript>

<script>utmx_section("Conocer")</script>
<input type="button" id="Button3" onclick="popupwnd('http://compania.herbalife.com.pe/Content/es-PE/flash/sobre_HL/message-ffrom-ceo-ok-es.swf','no','no','no','yes','yes','no','','','400','300');return false;" name="Button1" value="Conócenos" style="position:absolute;left:634px;top:82px;width:117px;height:26px;background-color:transparent;font-family:Arial;font-weight:bold;font-size:13px;z-index:21">
</noscript>

<div id="bv_Image16" style="overflow:hidden;position:absolute;left:650px;top:178px;z-index:22" align="left">
<img src="http://img826.imageshack.us/img826/281/blankd.gif" id="Image16" alt="" align="top" border="0" style="width:54px;height:70px;"></div>

<script>utmx_section("Negocio")</script>
<div id="bv_Text4" style="position:absolute;left:334px;top:113px;width:270px;height:16px;z-index:23;" align="right">
<font style="font-size:12px" color="#000000" face="Arial">El mejor negocio para personas como tú...</font><font style="font-size:13px" color="#000000" face="Arial"> <b><i><a href="javascript:popupwnd('negocio.html','no','no','no','no','no','no','','','750','400')" target="_self">Más</a></i></b></font></div>
</noscript>
</div> 
Si aún así no ves bien todos los borders cambia esto en el CSS:

Código CSS:
Ver original
  1. div#container
  2. {
  3.    position: relative;
  4.    width: 859px;
  5.    height: 614px;
  6.    margin: 20px auto;
  7.    border: 2px solid #000;
  8. }

Saludos