Foros del Web » Creando para Internet » HTML »

Problema con borde de mi pagina web

Estas en el tema de Problema con borde de mi pagina web en el foro de HTML en Foros del Web. Hola gente de Foros del Web,paso a hacerles mi consulta: Estoy haciendo una Página Web y quiero colocarle un Borde. Ya he colocado las propiedades ...
  #1 (permalink)  
Antiguo 17/12/2010, 11:51
 
Fecha de Ingreso: diciembre-2009
Mensajes: 82
Antigüedad: 8 años
Puntos: 0
Problema con borde de mi pagina web

Hola gente de Foros del Web,paso a hacerles mi consulta: Estoy haciendo una Página Web y quiero colocarle un Borde. Ya he colocado las propiedades border,border-top,border-bottom,border-left,border-right, con sus respectivos valores... Pero mi problema es el siguiente:La parte derecha e inferior del borde que cubre mi Página esta bien, pero la parte superior del borde esta muy ancha con respecto a la página;casi algo parecido sucede con la parte izquierda del borde,quiero ancharla un poco para que no este muy junta a la pagina pero no puedo.

Podrian ayudarme a dar solución a ambos problemas?? Se los agradeceria bastante.

A continuación paso a colocarles el div que contiene toda mi pagina web..

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="images/blank.JPG" 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="images/La%20Mejor%20Nutricion%202.JPG" 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="images/Leo%20Messi%20Testimonio.JPG" 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="images/Leo%20Messi.JPG" 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="images/Leo%20Messi%20Testimonio%202.JPG" 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="images/Escudo%20FC%20Barcelona.JPG" 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="images/Escudo%20Inter%20de%20Milan.JPG" 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="images/Escudo%20Schalke%2004.JPG" 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="images/Escudo%20LA%20Galaxy.JPG" 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="images/Escudo%20Valencia.JPG" 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="images/Escudo%20Pumas.JPG" 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="images/Escudo%20Universidad%20San%20Martin%20de%20Porres.JPG" 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="images/Escudo%20Santos%20FC.JPG" 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="images/Escudo%20Independiente%20del%20Valle.JPG" 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="images/logo.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="images/visamaster.jpg" 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> 
Y además adjunto la parte del Estilo, donde he colocado las propiedades Border que he mencionado al inicio:

Código HTML:
<style type="text/css">
div#container
{
   position: absolute;
   left: 50%;
   top: 47%;
   width: 859px;
   height: 614px;
   margin-top: -305px;
   margin-left: -432px;
     
   border: #000 2px solid;
   border-top: #000 2px solid;
   border-bottom: #000 2px solid;
   border-left: #000 2px solid;
   border-right: #000 2px solid;
}
</style> 
Ademas adjunto la url donde he subido una captura de imagen de mi Pagina Web,antes mencionada,para que vean cuales son mis problemas.
Código:
http://img28.imageshack.us/i/webpz.jpg/

Etiquetas: bordes
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 23:58.