Foros del Web » Creando para Internet » CSS »

error pixeles IE

Estas en el tema de error pixeles IE en el foro de CSS en Foros del Web. Hola... tengo una web que se ve perfecta con mozilla y google chrome pero que IE me la rompe. Hasta ahí todo normal. El problema ...
  #1 (permalink)  
Antiguo 10/07/2009, 05:46
 
Fecha de Ingreso: junio-2009
Mensajes: 12
Antigüedad: 8 años, 6 meses
Puntos: 0
error pixeles IE

Hola...

tengo una web que se ve perfecta con mozilla y google chrome pero que IE me la rompe. Hasta ahí todo normal.

El problema es que IE lee los anchos y altos como le da la gana. Estas medidas las tengo en píxeles. Como ejemplo, un container que en Mozilla necesita ser de 865px en IE necesita ser de 873px...

Me gustaría saber si hay un lugar dónde documentarme sobre esto...

Muchas gracias....
  #2 (permalink)  
Antiguo 10/07/2009, 06:11
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: error pixeles IE

Hola Audilon
¿es ie6?
¿Tienes elementos (div's) flotados uno al lado de otro?
Déjanos ver ese pedacito de código tanto de (x)html como de css

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 10/07/2009, 06:54
 
Fecha de Ingreso: junio-2009
Mensajes: 12
Antigüedad: 8 años, 6 meses
Puntos: 0
Respuesta: error pixeles IE

Bueno, ahí va el código.....
Espero que se entienda. Tengo divs flotantes, para que la página sea a tres columnas. Tengo problemas con IE7 e IE8. Con IE6 ni me lo planteo..... He quitado el php y otras historias porque no me cabía en el mensaje...

Código:
<body class="thrColElsHdr" >
    <div id="container">
      <div id="header">
        
<!-- end #header --></div>
       
       <div id="frasecica">
      <?php 	
	  ?>
       <!-- end #frasecica --></div>
      
      
      
<div id="sidebar1">
      
      <div id="sidebar11">
      <div id='titulosidebar11'>A full</div>
 <?php
?>
         <!-- end #sidebar11 --></div>
         
         <div id="sidebar12">
         <div id='titulosidebar12'>La Entrevista</div>
             <?php
			
?>
         <!-- end #sidebar12 --></div>
         
         <div id="sidebar13">
         <div id='titulosidebar13'>La Firma</div>
        
         <?php
?>
        
    <!-- end #sidebar13 --></div>
    
<div id="links">
<div id='titulolinks'>Links</div>
       <div id="contenidoLinks">
		 <?php
        
			?>
    
    <!-- end #contenidoLinks --></div>
        
    <!-- end links --> </div>
    
       <div id="sidebar14">
            <div id='titulosidebar14'>Contactar</div>
            <?php  
	 
	?>    

<form method="post">
<div style="padding:8px 0px 2px 2px">Nombre</div>
<input name="nombre" type="text" size="14"/>
<div style="padding:2px">Contacto</div>
<input name="contacto" type="text" size="14"/>
<div style="padding:2px">Comentario </div>
<textarea name="comentario" rows="2" cols="18"/></textarea><br/>
<input type="submit"  name="enviar" value="Enviar"/>
</form>
  <!-- end sidebar14 --> </div>
      <!-- end sidebar1 --></div>
      
      <div id="sidebar2">
      
         <div id="sidebar21">
         <div id='titulosidebar21'>F&uacute;tbol</div>
            <?php
		?>
         <!-- end #sidebar21 --></div>
         
         <div id="sidebar22">
          <div id='titulosidebar22'>Sexta Falta</div>
           <?php
		?>
         <!-- end #sidebar22 --></div>
         
          <div id="sidebar23">
           <div id='titulosidebar23'>Motor</div>
            <?php
	?>
         <!-- end #sidebar23 --></div>
         
         <div id="sidebar24">
          <div id='titulosidebar24'>Beats</div>
            <?php
			?>
        
         <!-- end #sidebar24 --></div>
         
          <div id="news"><!-- newsletter-->
          <div id='titulonews'>Newsletter y RSS</div>
          <?php
echo "<form method=post action='#news'><div style='padding: 4px 0 4px 4px; font-size: 10pt; color= #ffffff'>Inscr&iacute;bete en el newsletter de aitorlabrador.com</div><br/>&nbsp;<input type=text name=em size=20/><br/>&nbsp;<input type=submit name='newsletter'  value='Enviar'/></form>";

if(isset($_POST['newsletter'])==TRUE) {
$em =  $_POST['em'];
$status = "OK";  // setting the flag to check the status
$msg="";          // setting the variable for message
if (!stristr($em,"@") OR !stristr($em,".")) {
$msg="email incorrecto";
$status= "NOTOK";}
 echo "<br/>";
if($status=="OK"){// Now the email is valid and we can add to our database
$query=();
$result=mysql_query($query);
echo "&nbsp;Muchas gracias";
          }
else {echo "<center>$msg </center>";}  // this will display the error message if email address is not valid one.
}

?> 	
		<br/>
      <div style="padding: 4px 0 4px 4px; font-size: 10pt"><a href="rss.xml"><img src="feed_icon.png" border="0" align="absbottom"/></a>&nbsp;S&iacute;gue nuestro RSS.</div>    
          
      <!-- end #news --> </div>
     
           <!-- end #sidebar2 --></div>
           
      <div id="mainContent">
    
      <div id="mainContent2">
      
        <?php
    	?>
<!--end mainContent2--></div>

<div id="panel">


<!--end panel--></div>

  <div id="rss">
     <!-- RSS -->
        
<div class="container2" id="container_div">
	<a name="top"></a>
	<div class="header_div" >
			<div style="display:none;float:left;">
			<?php $options = ShowFeedOptions($feeds_xml); ?>
			
			<input type="checkbox" id="showtext" onChange="changeOptions(this)"/><font class="graytext">Show Full Article Text</font>
			<input type="checkbox" id="showimages" onChange="changeOptions(this)"/><font class="graytext">Show Images</font>
			<!-- end display none --></div>
			
			<?php SetOptions($options); ?>
		<!-- end header_div --></div>
        
	<div class="rss" id="rss_div">
		<script>LoadFeed(document.getElementById('rss_feed').value, true);</script>
	<!-- end rss_div --></div>
	
 <!-- end container2 --> </div>
 
       <!-- end rss --> </div>
       
      <!-- end maincontent --> </div>
      
       <!--  <div class="clearfloat"> </div> -->
    	
     <!-- end #container --></div>
      
</body>
</html>
  #4 (permalink)  
Antiguo 10/07/2009, 06:56
 
Fecha de Ingreso: junio-2009
Mensajes: 12
Antigüedad: 8 años, 6 meses
Puntos: 0
Respuesta: error pixeles IE

Y ahora va el CSS:


Código:
@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #193441;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
    }
    
   
    .thrColElsHdr #container {
	width: 865px; 
	background: #D2DEDB;
	
	margin: 0 auto; 
	text-align: left; 
    } 
    .thrColElsHdr #header {
	background: #DDDDDD;
	padding: 0;  
    } 
    
    
    .thrColElsHdr #sidebar1 {
	float: left;
	width: 200px; 
	padding: 0;
}

    .thrColElsHdr #sidebar2 {
	float: right;
	width: 200px; 
	padding: 0; 

    }

    .thrColElsHdr #sidebar1 p {
    margin-left: 10px; 
    margin-right: 10px;
	} 
	
	.thrColElsHdr #sidebar2 p {
    	margin-left: 10px; 
    	margin-right: 10px;
    }
    
   
	 .thrColElsHdr #frasecica {
	
	width: 849px; 
	background-color: #718478;
	color: #000111;
	font-size:13px;
	font-style:oblique;
	text-align:center;
	padding:5px 0 5px 0;
	border-top:0px;
		border-bottom:0px;
		border-left:8px;
		border-right:8px;
		border-color:#FFFFFF;
		border-style:solid;
		 overflow:hidden;
    } 
    .thrColElsHdr #mainContent {
	margin: 0px 200px 0 200px; 
	background-color: #D2DEDB;
	border-top:8px #FFFFFF;
	border-style:solid;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
	padding:0;
	 overflow:hidden;
	
 } 
	 .thrColElsHdr #mainContent2 {
     	padding:6px;
	height:767px;
                overflow:hidden;
		
    }
	 .thrColElsHdr #mainContent2 h1{
     	font-size:16px;
    }
	.thrColElsHdr #mainContent2 h2{
     	font-size:14px;
    }
	.thrColElsHdr #mainContent2 p{
     	font-size:12px;
    }
	
   
    
    .thrColElsHdr #sidebar11 { 
    	clear:both;
        font-size: 10px;
		background: #EBEBEB;
     	padding: 2px;
		border-top:8px;
		border-bottom:4px;
		border-left:8px;
		border-right:8px;
		border-color:#FFFFFF;
		border-style:solid;
		height:250px;
		 overflow:hidden;
    }
	  .thrColElsHdr #sidebar12 { 
	clear:both;
	font-size: 10px;
	background: #91AA9D;
	padding: 2px;
	border-top:4px;
		border-bottom:4px;
		border-left:8px;
		border-right:8px;
		border-color:#FFFFFF;
		border-style:solid;
		height:250px;
		 overflow:hidden;
    }
	
	  .thrColElsHdr #sidebar13 { 
	clear:both;
	font-size: 10px;
	background: #E8D0A3;
     padding: 2px;
	border-top:4px;
		border-bottom:4px;
		border-left:8px;
		border-right:8px;
		border-color:#FFFFFF;
		border-style:solid;
		height:250px;
		 overflow:hidden;

    }
	
	  .thrColElsHdr #sidebar14 {
	clear:both;
	font-size: 10px;
	background: #6F7B82;
	color: #FFFFFF;
	padding:2px;
    border-top:4px;
		border-bottom:8px;
		border-left:8px;
		border-right:8px;
		border-color:#FFFFFF;
		border-style:solid;
		height:223px;
		 overflow:hidden;
		
	
    }
.thrColElsHdr #contenidoLinks {	
	height:227px;
	overflow:auto;
	font-size:12px;

	
	}
.thrColElsHdr #links { 
	clear:both;
	background: #8CAF96;
	color: #ffffff;
      border-top:4px;
		border-bottom:4px;
		border-left:8px;
		border-right:8px;
		border-color:#FFFFFF;
		border-style:solid;
		height:254px;
		
    }
	
	  .thrColElsHdr #sidebar21 { 
    	clear:both;
        font-size: 10px;
		background: #EBEBEB;
     padding: 2px;
	 border-top:8px;
		border-bottom:4px;
		border-left:8px;
		border-right:8px;
		border-color:#FFFFFF;
		border-style:solid;
		height:250px;
		  overflow:hidden;
    }
	
	  .thrColElsHdr #sidebar22 { 
	clear:both;
	font-size: 10px;
	background: #404F4E;
	color: #F0F0F0;
     padding: 2px;
	border-top:4px;
		border-bottom:4px;
		border-left:8px;
		border-right:8px;
		border-color:#FFFFFF;
		border-style:solid;
		height:250px;
		  overflow:hidden;
    }
	
	  .thrColElsHdr #sidebar23 {
	clear:both;
	font-size: 10px;
	background: #C9A26D;
	color: #FFFFFF;
    padding: 2px; 
	border-top:4px;
		border-bottom:4px;
		border-left:8px;
		border-right:8px;
		border-color:#FFFFFF;
		border-style:solid;
		height:250px;
		  overflow:hidden;
    }
	
	  .thrColElsHdr #sidebar24 {
	clear:both;
	font-size: 10px;
	background: #B5968A;
	color: #000000;
     padding: 2px;
	 border-top:4px;
		border-bottom:4px;
		border-left:8px;
		border-right:8px;
		border-color:#FFFFFF;
		border-style:solid;
		height:250px;
		  overflow:hidden;
    }
	
 .thrColElsHdr #panel { 
	background: #002F2F;
  	border-top:8px #FFFFFF solid;
    border-bottom:4px #FFFFFF solid;
	border-left:0px;
	border-right:0px;
	padding: 4px 0 4px 0;
		
    }
	
 .thrColElsHdr #rss { 	
	font-size: 10px;
	background: #B5C8A6;
  	border-top:4px #FFFFFF solid;
    border-bottom:8px #FFFFFF solid;
		border-left:0px;
		border-right:0px;
		
		
    }
	
 .thrColElsHdr #news { 	
	font-size: 10px;
	background: #5F7AA0;
    	border-top:4px;
		border-bottom:8px;
		border-left:8px;
		border-right:8px;
		border-color:#FFFFFF;
		border-style:solid;
		color: #070707;
		padding:2px;
		color:#ffffff;
		height:223px;
		 overflow:hidden;
    }
	
    .fltrt {
    	float: right;
    	margin-left: 8px;
		
    }
    .fltlft { 
    	float: left;
    	margin: 8px;
    }
    .clearfloat { 
    	clear:both;
		
    }



.thrColElsHdr a:link, a:visited,a:active { 
	text-decoration: none;
	color: inherit;
	}

.thrColElsHdr a:hover { 
text-decoration: underline; 
color:inherit;
 }



 .thrColElsHdr #titulosidebar11{ 
	clear:both;
	text-align:center;
	padding:4px;
	font-size: 14px;
background-color:#B9B9B9;
font-weight:500;


    }
	
 .thrColElsHdr #titulosidebar12{ 
	clear:both;
	text-align:center;
	padding:4px;
	font-size: 14px;
    background-color:#6A8A79;
	font-weight:500;
	
    }
	
 .thrColElsHdr #titulosidebar13{ 
	clear:both;
	text-align:center;
	padding:4px;
	font-size: 14px;
    background-color: #DCB978;
	font-weight:500;
	
    }

 .thrColElsHdr #titulosidebar14{ 
	clear:both;
	text-align:center;
    padding:4px;
	font-size: 14px;
     background-color:#515A60;
	font-weight:500;
	
	}
	
 .thrColElsHdr #titulolinks{ 
	clear:both;
	text-align:center;
	padding:4px;
	font-size: 14px;
    background-color: #769685;
	font-weight:500;
	border-top:2px;
		border-left:2px;
		border-right:2px;
		border-bottom:0;
		border-color:#8CAF96;
		border-style:solid;
		margin:0;
    }

 .thrColElsHdr #titulosidebar21{ 
	clear:both;
	text-align:center;
	padding:4px;
	font-size: 14px;
    background-color: #C8C8C8;
	font-weight:500;	

	    }

 .thrColElsHdr #titulosidebar22{ 
	clear:both;
	text-align:center;
	padding:4px;
	font-size: 14px;
    background-color: #313C3A;
	font-weight:500;

    }


 .thrColElsHdr #titulosidebar23{ 
	clear:both;
	text-align:center;
	padding:4px;
	font-size: 14px;
    background-color: #BC8B49;
	font-weight:500;

    }
	
 .thrColElsHdr #titulosidebar24{ 
	clear:both;
	text-align:center;
	padding:4px;
	font-size: 14px;
    background-color: #A37C6D;
	font-weight:500;
	
    }
	

 .thrColElsHdr #titulonews{ 
	clear:both;
	text-align:center;
	padding:4px;
	font-size: 14px;
    background-color:#506685;
	font-weight:500;

    }
	
input 
{
   font-size: 12px; 
   
  }
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:37.