Foros del Web » Creando para Internet » CSS »

se desaparece columna en ie

Estas en el tema de se desaparece columna en ie en el foro de CSS en Foros del Web. buenas noches! mi pagina se ve bien en todos los navegadores pero en ie se desaparece la columna izquierda y no se porque sera. aca ...
  #1 (permalink)  
Antiguo 18/11/2011, 23:49
Avatar de walterfcr  
Fecha de Ingreso: julio-2009
Ubicación: Costa Rica
Mensajes: 148
Antigüedad: 10 años, 3 meses
Puntos: 4
se desaparece columna en ie

buenas noches!

mi pagina se ve bien en todos los navegadores pero en ie se desaparece la columna izquierda y no se porque sera.

aca dejo los codigos a ver si me pueden echar una mano, se les agradece

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>Documento sin t&iacute;tulo</title>
<link href="pkestilo.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="jquery-1.3.min.js"></script>

<script type="text/javascript">
function mainmenu(){
$(" #nav ul").css({display: "none"});
$(" #nav li").hover(function(){
	$(this).find('ul:first:hidden').css({visibility: "visible",display: "none"}).slideDown(400);
	},function(){
		$(this).find('ul:first').slideUp(400);
	});
}
$(document).ready(function(){
	mainmenu();
});
</script>


<script src="cufon.js" type="text/javascript"></script>
<script src="Calligrapher_500.font.js" type="text/javascript"></script>
<script src="jQuery.js" type="text/javascript"></script>
<script type="text/javascript">
Cufon.replace('h1',{fontfamily: 'Calligrapher_500.font'});
</script>
</head>

<body>

<div id="maincontainer">

<div id="topsection">
<div id="menu">
  <ul id="nav">
	<li><a href="pkindex.html">INICIO</a>        </li>
    
    <li><a href="#">BASICO</a> 
	<ul class="submenu">
        	<li><a href="pkcomb.html">COMBINACIONES</a>            </li>
            <li><a href="`pkcuando.html">CUANDO JUGAR</a>            </li>
            <li><a href="pkpract.html">PRACTICAR GRATIS</a>            </li>
            <li><a href="pktipos.html">TIPOS DE JUGADORES</a>            </li>
			<li><a href="pkprob.html">PROBABILIDADES</a>            </li>
			<li><a href="pkpos.html">POSICION</a>            </li>
			<li><a href="pktilt.html">TILT</a>            </li>
        </ul>   </li>
    <li><a href="vari.html">VARIANTES</a>
    	<ul class="submenu">
        	<li><a href="pktexas.html">TEXAS HOLDEM</a>            </li>
            <li><a href="pkomaha.html">OMAHA</a>            </li>
            <li><a href="pk5cards.html">5 CARDS DRAW</a>            </li>
            <li><a href="pk7card.html">7 CARD STUD</a>            </li>
			<li><a href="pkrazz.html">RAZZ</a>            </li>
        </ul>
	 </li>
   <li><a href="pkestrateg.html">ESTRATEGIA</a>
   <ul class="submenu">
        	<li><a href="pkleng.html">LENGUAJE CORPORAL</a>            </li>
            <li><a href="pkbluff.html">BLUFFEAR</a>            </li>
            
        </ul>	</li>
    
    	 
   <li><a href="pkglos.html" class="menuholder">GLOSARIO</a>	</li>
</ul>
</div>





<div class="innertube"></div></div>

<div id="contentwrapper">
<div id="contentcolumn">

<div class="rndbox">
<div class="rndtop"><img src="images/topleft.gif" alt="" /></div>


<h1>COMBINACIONES</h1>
    
	<p>Sabemos que el texas hold´em es el estilo de poker más popular en el mundo pero existen más variantes. A muchos les gusta aprender los diferentes tipos de poker ya que son estrategias diferentes. </p>



<h1>PAIR
	  / PAR</h1>
    <img src="images/pair.gif" alt="pair" width="425" height="126" longdesc="pair" />
    
	<p>Dos cartas del mismo valor. Si se da el caso de que no salga ninguna de estas combinaciones, gana el jugador con la carta m&aacute;s alta. </p>
	
<h1>2 PAIR /
	  2 PARES</h1>
    <p align="justify">Como su nombre lo dice. Si se da el caso de que 2 jugadores ligaron 2 pares, gana el que tiene el par mas alto. </p>
    <img src="images/2-pair.gif" alt="2 pair" width="425" height="129" longdesc="2 pair" />

<h1>THREE OF A KIND /
	   TERCIA</h1>
	<p>3 cartas del mismo valor. También se le conoce como trip o set en inglés 
	  y pierna en español. </p>
    <img src="images/set.gif" alt="set" width="425" height="129" longdesc="3 of a kind" />

<h1>STRAIGHT / 
	   ESCALERA</h1>
    <p>5 cartas consecutivas sin importar el palo</p>
    <img src="images/straight.gif" alt="str" width="425" height="129" longdesc="escalera" />

<h1>FLUSH / 
	   COLOR</h1>
	<p>5 cartas del mismo palo sin importar el orden    </p>
    <img src="images/flush.gif" alt="flush" width="425" height="129" longdesc="flush" />

<h1>FULL HOUSE / FULL 
      
    </h1>
    <p>Esta es una tercia y un par
    </p>
	
    <img src="images/full-house.gif" alt="full" width="425" height="124" longdesc="full house" />

<h1>FOUR OF A KIND / POKER</h1> 
    <p>Otra mano muy fuerte y difícil de conseguir.
      Son cuatro cartas del mismo valor.</p>
    
    <img src="images/f-of-a-kind.gif" alt="f of a kind" width="425" height="124" longdesc="four of a kind" />

<h1>STRAIGHT FLUSH / ESCALERA 
	  DE COLOR
    </h1>
	<p>Escalera del mismo palo </p>
	
    <img src="images/str8-flush.gif" alt="str flush" width="425" height="124" longdesc="str flush" />

<h1> ROYAL FLUSH /
       ESCALERA REAL </h1>
	  
    <p align="justify">No se puede perder con esta mano ya que  es la combinaci&oacute;n m&aacute;s alta en poker. Se hace con una escalera del mismo palo desde el 10 hasta el As. </p>
	
    <img src="images/royal-flush.gif" alt="r flush" width="425" height="124" longdesc="royal flush" /> 


<div class="innertube"></div>

<div class="rndbottom"><img src="images/bottomleft.gif" alt=""/>
</div>


</div>


</div>

</div>

</div>

<div id="leftcolumn">

<ul class="menupro"> 

<li class="menu_1"><a href="index.html">index</a></li> 
<li class="menu_2"><a href="pkcomb.html">combinaciones</a></li> 
<li class="menu_3"><a href="pkcuando.html">cuando jugar</a></li> 
<li class="menu_4"><a href="pkpract.html">practicar</a></li> 
<li class="menu_5"><a href="pktipos.html">tipos de jugadores</a></li> 
<li class="menu_6"><a href="pkprob.html"> title="probabilidades</a></li> 
<li class="menu_7"><a href="pkpos.html"> title="posicion"></a></li> 
<li class="menu_8"><a href="pktilt.html"> title="tilt"</a></li>
<li class="menu_9"><a href="index.html"> title="index></a></li>
<li class="menu_10"><a href="pktexas.html"> title="texas</a></li>
<li class="menu_11"><a href="pkomaha.html"> title="omaha</a></li>
<li class="menu_12"><a href="pk5cards.html"> title="5cards</a></li>
<li class="menu_13"><a href="pk7card.html"> title="stud.</a></li>
<li class="menu_14"><a href="pkrazz.html"> title="razz</a></li>
<li class="menu_15"><a href="index.html"> title="index</a></li>
<li class="menu_16"><a href="pkleng.html"> title="lenguaje corporal</a></li>
<li class="menu_17"><a href="pkbluff.html"> title="bluff</a></li>
</ul>

</div>


<div class="innertube"></div>
<div class="clearfooter"></div> 

<div id="footer"></div>



</body>
</html>
todo empezo cuando hice una div con esquinas redondeadas "rndbox"
  #2 (permalink)  
Antiguo 18/11/2011, 23:54
Avatar de walterfcr  
Fecha de Ingreso: julio-2009
Ubicación: Costa Rica
Mensajes: 148
Antigüedad: 10 años, 3 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;
}

Etiquetas: columna, desaparece, hover, html, fondo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:31.