Comunidad de diseño web y desarrollo en internet online

Problema con un simple borde

Citar            
MensajeEscrito el 21 Mar 2006 08:07 pm
hola CLab despues de mucho tiempo de ausencia vuelvo a postear otro tema, he buscado en el foro omo suelo hacerlo antes de publicar algun tema, bien el problema es el siguiete tengo un header bastante sencillo solo una imagen de fondo y una imagen de logotipo, bien estoy trabajando con IExplorer y FireFox(rulez) para optimizarlo en ambos bien hasta aqui todo marchaba bien pero ahora que esta casi terminado el css descubri un problema que deje pasar por alto, en firefox todo marcha de maravilla pero aqui es donde llega la maldiion de bill gates y es cuando internet explorer me hecha todo abajo, solo tengo un sencillo borde en el header y este no me lo muestra WTF? no se que demonios este haciendo mal pero bien aqui les dejo el codigo del header y del contenedr principal por si algo de el pued eestar afectandome al header:

Código :

body {
text-align:center;
margin:2px auto;
}
#container{
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:780px;
margin:2px auto;
}
#header{
border:#999999 0.5px solid;
background:url(images/backGround.jpg) repeat-y right;
}
#Menu{
margin:4px 2px 0 2px;
list-style:none;
padding:0;
}
#Menu li{
padding:0:
margin:2px;
border:#999 0.5px solid;
float:left;
}
#Menu li a{
color:#666;
display:block;
width:90px;
text-decoration:none;
text-align:center;
font-size:11px;
background-color:#FFFFFF;
}
#Menu li a:hover{
background-color:#999;
color:#FFFFFF;
}


haaa si tambien lo olvidaba en iExploter deja de mostrar el borde del menu no se que sucedera pero si me hecharan la mano con eso seria bastante bastante UTIL.
gracias.

Por jaimoco

299 de clabLevel



Genero:Masculino  

choya bay , mexico

firefox
Citar            
MensajeEscrito el 21 Mar 2006 08:11 pm
jaimoco, también debes poner el html

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 21 Mar 2006 08:11 pm
hola

proba cambiando esto

Código :

#header{
border: 1px solid #999999;
background:url(images/backGround.jpg) repeat-y right;
}


salu2

Por 3w

145 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 21 Mar 2006 08:19 pm
haa e cierto disculpen olvide el html

Código :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>IPAH |Articulos publicados por IPAH</title>
<link href="ipahStyle.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
    <div id="header" style="border:o.5px #999 solid">
     <a href="index.html"><img src="images/ipahlogo.jpg" alt="IPAH logo" width="302" height="65" border="0" title="Ir al inicio" /></a></div>
    <div> 
      <ul id="Menu">

           <li><a href="index.html">Inicio</a></li>
         <li><a href="articulos.html">Articulos</a></li>
         <li><a href="acerca.html">Acerca de</a></li>
         <li ><a href="imagenes.html">imagenes</a></li>
         <li ><a href="contacto.html">Contacto</a></li>
      </ul>
    </div>
   <div class="limpia">
   </div>
   <div id="content">
   </div>
    </div>
</body>
</html>

y olvide poner esto del css

Código :

.limpia{
clear:both;
}


la clase .limpia, el menu tiene float:left entonces probe con una clase que me limpiara solo el left pero despues necesitaba una para qe limpiara ambos, y para no hacer otra clase probe si funcionaba con esa y si. bueno eso es todo creo :S

Por jaimoco

299 de clabLevel



Genero:Masculino  

choya bay , mexico

firefox
Citar            
MensajeEscrito el 21 Mar 2006 09:38 pm
aca esta la solucion.. a mi me funciono tant en ie como en ff

Código :

body {
text-align:center;
margin:2px auto;
}
#container{
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
width:780px;
margin:2px auto;
}
#header{
border:1px solid #999;
background:url(images/backGround.jpg) repeat-y right;
}
#Menu{
margin:4px 2px 0 2px;
list-style:none;
padding:0;
}
#Menu li{
padding:0:
margin:2px;
border:#999 0.5px solid;
float:left;
}
#Menu li a{
color:#666;
display:block;
width:90px;
text-decoration:none;
text-align:center;
font-size:11px;
background-color:#FFFFFF;
}
#Menu li a:hover{
background-color:#999;
color:#FFFFFF;
}



Código :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>IPAH |Articulos publicados por IPAH</title>
<link href="ipahStyle.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
    <div id="header">
     <a href="index.html"><img src="images/ipahlogo.jpg" alt="IPAH logo" width="302" height="65" border="0" title="Ir al inicio" /></a>
    </div>
    <div> 
      <ul id="Menu">
         <li><a href="index.html">Inicio</a></li>
         <li><a href="articulos.html">Articulos</a></li>
         <li><a href="acerca.html">Acerca de</a></li>
         <li ><a href="imagenes.html">imagenes</a></li>
         <li ><a href="contacto.html">Contacto</a></li>
      </ul>
    </div>
   <div class="limpia">
   </div>
   <div id="content">
   </div>
</div>
</body>
</html>




salu2

Por 3w

145 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 21 Mar 2006 10:43 pm
heyyy gracias, si funciona gracias, podrias explicarme que es lo que tenia mal?

Por jaimoco

299 de clabLevel



Genero:Masculino  

choya bay , mexico

firefox
Citar            
MensajeEscrito el 22 Mar 2006 01:00 am
El orden de los valores del borde, en ambos casos. Segun creo IE tiene problemas con los bordes de menos de 1px.

Por Ramm

BOFH

3152 de clabLevel

6 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell REC Héroes

London, UK

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.