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;