Foros del Web » Creando para Internet » CSS »

problema con internet explorer se me baja el contenido principal

Estas en el tema de problema con internet explorer se me baja el contenido principal en el foro de CSS en Foros del Web. Hola buenos días. Soy diseñador gráfico y nuevo esto de la programación web. He visto que ayudan mucho en el foro y quería saber me ...
  #1 (permalink)  
Antiguo 07/04/2009, 08:30
 
Fecha de Ingreso: abril-2009
Mensajes: 7
Antigüedad: 8 años, 8 meses
Puntos: 0
problema con internet explorer se me baja el contenido principal

Hola buenos días.
Soy diseñador gráfico y nuevo esto de la programación web.
He visto que ayudan mucho en el foro y quería saber me pueden ayudar en un problema que tengo con el interner explorer, el cual es que se me baja todo el contenido principal por que en firefox se me perfecto aqui te dejo el enlace de la web por si m puedes hechar una mano.

//orangedesingestudio.freehostia.com -- le falta el http por k todavia no me dejan poner enlaces para evitar spam.

aki dejo el codigo por si sierve de algo.

PHP DIVS

Código:
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>

<body>

   <!-- Begin Wrapper -->
   <div id="wrapper">
   
         <!-- Begin Header -->
         <div id="header">
		 
		  	 
			   
		 </div>
		 <!-- End Header -->
		 
		 <!-- Begin Navigation -->
         <div id="navigation">
		 
		 <jdoc:include type="modules" name="navigation" style="xhtml" />  		 
			   
		 </div>
		 <!-- End Navigation -->
		 
		 <!-- Begin Left Column -->
		 <div id="leftcolumn">
		 
		 <jdoc:include type="modules" name="left" style="xhtml" /> 
		 
		 </div>
		 <!-- End Left Column -->
        
         <!-- Begin Content Column -->
		 <div id="rightcolumn">
		       
	     <jdoc:include type="modules" name="right" style="xhtml" /> 
		 
		 </div>
		 <!-- End Content Column -->     
         	
         <!-- Begin Content Column -->
		 <div id="user1">
		       
	     <jdoc:include type="modules" name="user1" style="xhtml" /> 
		 
		 </div>
		 <!-- End Content Column -->
		 
		 <!-- Begin Content Column -->
		 <div id="content">
		       
	     <jdoc:include type="component" />	 
		 
		 </div>
		 <!-- End Content Column -->
		 
          <!-- Begin Content Column -->
		 <div id="user2">
		       
	     <jdoc:include type="modules" name="user2" style="xhtml" /> 
		 
		 </div>
		 <!-- End Content Column -->
		     

		
         <!-- Begin Footer -->
		 <div id="footer">
		       
					
			    
	     </div>
		 <!-- End Footer -->
		 
   </div>
   <!-- End Wrapper -->
   
</body>
y el css

Código:
* { padding: 0; margin: 0; }


body {
 background: url('../images/fondo.gif')  repeat;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 margin: 0 auto;
 width: 1020px;
}
#header {
 color: #333;
 width: 1000px;
 height: 355px;
 margin: 30px 0px 0px 0px;
 background: url('../images/header.png')
}
#navigation {
 width: 1000px;
 color: #333;
 padding: 5px;
 height: 42px;
 margin: 0px 0px 0px 0px;
 background: url('../images/navigation.png')
}
#leftcolumn { 
 color: #333;
 height: auto;
 width: 200px;
 padding: 10px;
 float: left;
}
* html #leftcolumn {
	display:inline;
	}
	
#rightcolumn { 
 color: #333;
 height: auto;
 width: 160px;
 padding: 10px;
 float: right;
}
* html #rightcolumn {
	display:inline;
	}

#content {
 background: url('../images/contenedor.png') repeat-y 100%;
 background-position:center 50px 50px;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 height: auto;
 width: 1000px;
}
#user1 { 
 float: left;
 color: #333;
 background: url('../images/fondogris.gif') repeat-y;
 height: auto;
 width: 600px;
 padding: 10px;
 display: inline;
}
* html #user1 {
	display:inline;
	}
#user2 { 
 float: right;
 color: #333;
 background: url('../images/user2.png');
 height: 80px;
 width: 1000px;
 padding: 10px;
 display: inline;
}
* html #user2 {
	display:inline;
	}

#footer { 
 width: 1000px;
 height: 75px;
 clear: both;
 color: #333;
 background: url('../images/footer.png');
 margin: 0px 0px 30px 0px;
}


/* Elementos
--------------------------------------------------------- */
a:link {
color: #000;
text-decoration: none;
}

a:visited {
color: #000;
text-decoration: none;
}

a:hover {
color: #000;
}

a img{
border:5px;
}

h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}

h1 {
font-size: 2em;
}

h2 {
font-size: 1.6em;
}

h3 {
font-size: 1.3em;
}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #333;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited{
text-decoration: none;
}

/* Subniveles
--------------------------------------------------------- */
.sublevel{
	color:#0F0;
	font-size: 50px;
	}

/* Modulos
--------------------------------------------------------- */

#izquierda .moduletable_menu{
text-align:left;
margin-bottom:15px;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 1.3em;
font-weight: bold;
}

.moduletable_menu h3{
color:#FFF;
font-size: 15px;
text-indent: 35px;
line-height: -100%;
margin: 0px 0px 0px 0px;
background:  url('../images/left.gif');
height: 73px;
width: 180px;
padding:0px;
text-transform:uppercase;
}

.moduletable-meteo h3{
color:#FFF;
font-size: 15px;
text-indent: 35px;
line-height: -100%;
margin: 0px 0px 0px 0px;
background:  url('../images/left_2.gif');
height: 73px;
width: 180px;
padding:0px;
text-transform:uppercase;
}

.moduletable-ruta{
 margin-left: 55px;
}	





/* Contenido
--------------------------------------------------------- */

.contentheading {
font-size:18px;
margin:50px;
color:#333333;
line-height: 20px;
font-weight:bold;
}
.componentheading{
font-size:1.4em;
margin:50px;
color:#777777;
font-weight:bold;
padding-left:10px;
}

.contentpaneopen{
line-height:1.4em;
font-size:13px;
text-align:justify;
padding: 10px 10px 10px 30px;
}

.contentpaneopen img{
padding: 0px 0px;
 }

.readon, .readon:hover{
color:#FFF;
font-size:12px;
text-align:left;
background-color: #666;
padding:0px 2px 0px 3px;
}

.contenttoc, .pagenavcounter{
margin-bottom:10px;
}
.pagenav_next .pagenav_prev .back_button{
color:#FFF;
font-size:12px;
text-align:left;
background-color: #666;
}

small , .createdate, .modifydate{
font-family:Arial,Helvetica,Sans-Serif;
font-size: 11px;
line-height:13px;
color:#777777;
}

.banneritem_text, .bannerfooter_text{
padding:5px;
}

Losiento si esta repetido lo he buscado por todos lados y he intentado mil cosas y nada de nada agradedeceria mucho que me ayudaran o creo que dentro de muy poco me rindo.
  #2 (permalink)  
Antiguo 07/04/2009, 08:40
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Respuesta: problema con internet explorer se me baja el contenido principal

bueno el principal problema esta en ocmo has estructurado tu html y como definiste los css

es asi de facil

<div id="contenedor"><!--este tiene q tener a left y right col!-->
<div id="leftcol">aqui va el menu</div>
<div id="rightcol">aca va el contenido</div>
<div class="clear"></div><!--limpiar los flotantes por precaucion!-->
</div>

el css
#contenido {width:1000px}/*el contenedor tiene el ancho q es la suma de los anchos hijos*/
#leftcol {float:left;width:250px;}/*float a la izq y ancho */
#rightcol {float:left;width:740px;margin-left:10px}/*igual q left col pero con margen para q se separe un pqoutio*/
.clear {clear:both}/*limpiado generico de flotantes*/

con eso vas a poder seguir trabajando mas tranquilo
espero q te sirva la ayuda
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 07/04/2009, 08:43
 
Fecha de Ingreso: abril-2009
Mensajes: 7
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: problema con internet explorer se me baja el contenido principal

guaaauuu k velocidad graciass

En cuanto lo pruebe te digo


Gracias de verdad llevo un par desemanas enbajonado como sirva m voy de fiesta jejeje.
  #4 (permalink)  
Antiguo 07/04/2009, 09:06
 
Fecha de Ingreso: abril-2009
Mensajes: 7
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: problema con internet explorer se me baja el contenido principal

perdon gracias otra vez y peron por la pesades la web consta de tres columnas izquierda central (contenido) y derecha.
No me explique bien antes acabo de corregir la web para que se vea mejor el fallo, cambia el fallo mucho ahora o se arreigla con el mismo codigo?
  #5 (permalink)  
Antiguo 07/04/2009, 13:03
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Respuesta: problema con internet explorer se me baja el contenido principal

buieno si teienes q agregar mas columnas las agregas y defines tal cual, solmante recuerda achicar la rightcol y siempre sin exceder el tamaño del contenedor
__________________
Degiovanni Emilio
developtus.com
  #6 (permalink)  
Antiguo 08/04/2009, 04:31
 
Fecha de Ingreso: abril-2009
Mensajes: 7
Antigüedad: 8 años, 8 meses
Puntos: 0
Respuesta: problema con internet explorer se me baja el contenido principal

ok gracias otra vez
  #7 (permalink)  
Antiguo 14/04/2009, 12:20
 
Fecha de Ingreso: abril-2009
Mensajes: 7
Antigüedad: 8 años, 8 meses
Puntos: 0
problema solucionado

muchas gracias ya solucione el problema.

Lo unico es que ahora quiero que el div contedor tenga una imagen de fondo y que se repita en "y" en firefox se repite pero en ie no va cual podria ser el fallo.
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 11:46.