css - rounded - div border html

El borde CSS no funciona

Question

He estado tratando de obtener un borde a cada lado de mi contenedor blanco . Simplemente no se muestra. ¡He intentado ponerlo en tres elementos diferentes por las dudas! (vea abajo). ¿Alguna idea sobre cómo hacer que funcione?

#wrapper {
width:1000px;
background:#F4F4F4;
padding-top:5px;
border: 3px #CDCDCD;
overflow: auto;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
}
#casing {
padding:0px 0px 0px 0px;
background:#Fff;
border: 0 1px 0 1px solid #000;
}
#cover {
border: 0 1px 0 1px solid #000;
}

Answer 1

¿Has probado Firebug para inspeccionar el HTML renderizado y para ver exactamente qué CSS se está aplicando a los diversos elementos? Eso debería recoger los errores de CSS como los mencionados anteriormente, y puede ver qué estilos se heredan y de dónde; también es un valor incalculable en cualquier depuración de css.

Answer 2

AFAIK, no hay taquigrafía para frontera. Debe definir cada borde por separado:

border: 0 solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;

Answer 3

Creo que acabas de inventar una sintaxis abreviada para el border: propiedad allí =)

Prueba simplemente:

border-right: 1px solid #000;
border-left: 1px solid #000;

Answer 4

Hacer esto:

border: solid #000;
border-width: 0 1px;

Demostración en vivo: http://jsfiddle.net/aFzKy/

Answer 5

La altura es un 100% inseguro, intente poner diplay: block; or display: inline-block; diplay: block; or display: inline-block;

Answer 6

Usa esta línea de código en tu css

border: 1px solid #000 !important;

o si solo desea el borde en el lado izquierdo y derecho del contenedor, utilice:

border-right: 1px solid #000 !important;
border-left: 1px solid #000 !important;