Ver Mensaje Individual
  #2 (permalink)  
Antiguo 19/11/2011, 00:54
Avatar de walterfcr
walterfcr
 
Fecha de Ingreso: julio-2009
Ubicación: Costa Rica
Mensajes: 148
Antigüedad: 14 años, 9 meses
Puntos: 4
Respuesta: se desaparece columna en ie

aca el css

Código:
/* CSS Document */

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background:black;
	font-family:Arial, Helvetica, sans-serif; 
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

p {
color:#fff;
margin: 20px 40px 0 40px;
font-size:20px;
}

h1 {
color:#fff;
font-size:30px;
margin: 60px 40px 0 40px;

}

img {
margin: 20px 0 0 40px;
}


#maincontainer{
width: 990px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
background-image:url(images/fondo-ciudad.jpg); background-repeat:repeat-x;
height: 250px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 380px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 380px; /*Width of left column*/
height:880px;
margin-left: -990px; /*Set left margin to -(MainContainerWidth)*/
background:#000;
}

#footer{
clear: left;
width: 100%;
background: black;
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;
}

#menu { background-image:none; background-repeat:repeat-x; height:30px; width:980px;  margin:auto;position: relative; z-index:2; padding:200px 0 0 0;    }

#nav { list-style:none; }

#nav li { float:left; background:#091BAB; background-repeat:no-repeat; background-position:left;  width:196px; _width:120px; }

#nav li a { display:block; padding:7px 50px; text-decoration:none; color:#FFF; font-size:14px; _font-size:16px; }

#nav li a:hover { color:#ccc; }


/* Submenu */
#nav ul.submenu { border:1px solid #000000; padding:5px; position:absolute;list-style:none; background-color:#091BAB; *margin-top:-5px; _margin-top:0px;}

#nav ul.submenu li { float:none; background-image:none; border-bottom:1px solid #ccc; width:215px;}


/* Subsubmenu */
#nav ul.subsubmenu { border:1px solid #000000; padding:5px; position:absolute; list-style:none; background-color:#333333; margin-left:150px; margin-top:-30px;}
#nav ul.subsubmenu li { float:none; background-color:#333333; border-bottom:1px solid #999999; min-width:200px;}
#maincontainer #topsection img {
	text-align: center;
}

#maincontainer #contentcolumn #bannersgds {
	margin: 10px auto 0 auto; position:static; z-index:1; 
}

.menupro {
margin: 0 0 0 50px;
}

.menupro a {background:url(images/pkmenu.jpg);display:block; height:830px;  text-indent:-9000%; outline: none;}



/*ESTADO NORMAL*/
.menu_1 a {width:250px; height:50px;}
.menu_2 a {width:250px; height:48px; background-position:0px -50px;}
.menu_3 a {width:250px; height:46px; background-position:0px -98px;}
.menu_4 a {width:250px; height:47px; background-position:0px -144px;}
.menu_5 a {width:250px; height:46px; background-position:0px -191px;}
.menu_6 a {width:250px; height:47px; background-position:0px -237px;}
.menu_7 a {width:250px; height:46px; background-position:0px -284px;}
.menu_8 a {width:250px; height:55px; background-position:0px -330px;}
.menu_9 a {width:250px; height:48px; background-position:0px -375px;}
.menu_10 a {width:250px; height:48px; background-position:0px -430px;}
.menu_11 a {width:250px; height:48px; background-position:0px -478px;}
.menu_12 a {width:250px; height:44px; background-position:0px -526px;}
.menu_13 a {width:250px; height:48px; background-position:0px -570px;}
.menu_14 a {width:250px; height:46px; background-position:0px -618px;}
.menu_15 a {width:250px; height:54px; background-position:0px -664px;}
.menu_16 a {width:250px; height:47px; background-position:0px -718px;}
.menu_17 a {width:250px; height:65px; background-position:0px -765px;}





/*ESTADO ROLLOVER*/
.menu_2 a:hover{background-position:0px -880px;}
.menu_3 a:hover{background-position:0px -928px;}
.menu_4 a:hover{background-position:0px -974px;}
.menu_5 a:hover{background-position:0px -1021px;}
.menu_6 a:hover{background-position:0px -1067px;}
.menu_7 a:hover{background-position:0px -1113px;}
.menu_8 a:hover{background-position:0px -1160px;}

.menu_10 a:hover{background-position:0px -1261px;}
.menu_11 a:hover{background-position:0px -1309px;}
.menu_12 a:hover{background-position:0px -1357px;}
.menu_13 a:hover{background-position:0px -1401px;}
.menu_14 a:hover{background-position:0px -1449px;}

.menu_16 a:hover{background-position:0px -1549px;}
.menu_17 a:hover{background-position:0px -1596px;}


.rndbox{background:#091BAB;
width:550px;
margin:40px 0 0 40px;


}

.rndtop {
background: url(images/topright.gif) no-repeat right top;

}
.rndbottom {
background: url(images/bottomright.gif) no-repeat right top;
}
.rndbottom img {
display:block;
}





.rndbox .rndbottom img {
	margin: 0 ;
}

.rndbox .rndtop img {
	margin: 0 ;
}

.clearfooter {
height: 20px;
clear: both;
}