estoy armando algo y quiero poner una imagen de fondo en la columna izquierda para ponerle contenido encima, lo mas logico es poniendo una imagen de fondo en el div, pero no se porque razon no se ve.
les dejo el codigo por si alguien capta donde puede ser el error.
Código:
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}
a img, :link img, :visited img {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
content: "";
}
body{background-color:#372206;
}
#maincontainer{
width: 1000px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}
#topsection{
background: #372206;
height: 165px; /*Height of top section*/
}
.est1 {
margin:45px 65px 0 80px;
color:#F49528;
}
.est2 {
margin:10px 100px 0 80px;
color:#F49528;
}
.est3 {
margin:40px 0 0 80px;
}
#bannersgds img {
margin:5px 0 0 80px;
}
#bienv img {
margin:20px 0 0 80px;
}
#contentwrapper{
float: left;
width: 100%;
}
#contentcolumn{
margin-left: 300px; /*Set left margin to LeftColumnWidth*/
}
#leftcolumn{
float: left;
width: 300px; /*Width of left column*/
margin-left: -1000px; /*Set left margin to -(MainContainerWidth)*/
background-image:url(images/column izq.jpg);
}
#footer{
clear: left;
width: 100%;
background: #372206;
color: #FFF;
text-align: center;
padding: 4px 0;
}
#footer a{
color: #FFFF80;
}
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
