Ver Mensaje Individual
  #4 (permalink)  
Antiguo 07/12/2011, 15:01
Avatar de Jeremias
Jeremias
 
Fecha de Ingreso: agosto-2003
Ubicación: Caracas
Mensajes: 504
Antigüedad: 20 años, 8 meses
Puntos: 0
Pregunta Respuesta: Problemas con float

Gracias a ambos por responder. Pero no creo que el problema se resuelva con el overflow porque ya lo probe.

Les voy a copiar el codigo del html y del css, y repito soy nuevo en esto asi que disculpen si hice algo mas.

Uno de los errores bien puntuales es por ejemplo esta pagina:

http://www.aprentec.com/porque.html

Tanto en Chrome como en Firefox se ve bien (aunque en firefox se amplia un poco una parte pero no es mal tan grande), mientras que esa misma pagina en IE y Opera se desfigura todo.

Si tienen tiempo y conocimiento en esto porfavor ayudenme para poder arreglarlo y asi aprender por que pasa esto. Gracias

El CSS es:

Código:
@charset "utf-8";
/* CSS Document */

body {
	margin:0px;
	text-align:center;
}
span{
	font-family:Trebuchet MS, "Tahoma";
	font-size:12px;
}

.texpie a:link {
	color: #FFF;
	text-decoration: none;
}
.texpie a:visited {
	text-decoration: none;
	color: #FFF;
}
.texpie a:hover {
	text-decoration: none;
	color: #FFF;
}
.texpie a:active {
	text-decoration: none;
	color: #FFF;
}

li a:link {
	color: #000;
	text-decoration: none;
}
li a:visited {
	text-decoration: none;
	color: #000;
}
li a:hover {
	text-decoration: none;
	color: #000;
}
li a:active {
	text-decoration: none;
	color: #000;
}

.ver_mas a:link {
	text-decoration: none;
	color:#FF9805; 
	text-shadow:#000 2px 1px 1px; 
}
.ver_mas a:visited {
	text-decoration: none;
	color:#FF9805; 
	text-shadow:#000 2px 1px 1px; 
}
.ver_mas a:hover {
	text-decoration: none;
	color:#FF9805; 
	text-shadow:#000 2px 1px 1px; 
}
.ver_mas a:active {
	text-decoration: none;
	color:#FF9805; 
	text-shadow:#000 2px 1px 1px; 	
}

.orbit-caption a:link {
	color: #FFF;
	text-decoration: none;
}
.orbit-caption a:visited {
	text-decoration: none;
	color: #FFF;
}
.orbit-caption a:hover {
	text-decoration: none;
	color: #FFF;
}
.orbit-caption a:active {
	text-decoration: none;
	color: #FFF;
}

#tope{	
	width:100%;
	background-color:#FD6D00;
	height:5px;
}

#cuerpo{
	background-color:#FFFFFF;
	height:100%;
}

#uno {
	margin: 0 auto;
	width:100%;
	height:200px;
	background-image:url(../img/bckg-top-1.jpg);
	background-repeat:repeat-x;
}

#dos {
	margin: 0 auto;
	width:100%;
	height:300px;
	background-color:#011A43;
	z-index:150;
}

#tres {
	margin: 0 auto;
	width:100%;
	background-image:url(../img/bckg-med-6.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

#cuatro {
	margin: 0 auto;
	width:100%;
	height:200px;
	background-color:#ECF9FF;
}

#cinco {
	margin: 0 auto;
	width:100%;
	background-image:url(../img/bckg-bott-1.jpg);
	background-repeat:repeat-x;
}

#membrete{
	margin: 0 auto;
	width:1007px;
	height:200px;
	background-image:url(../img/bckg-top-2.jpg);
	background-repeat:no-repeat;
}

#sub_mem{
	margin: 0 auto;
	width:900px;
	background-color:#FF99FF;
	height:100px;
}

#slide{
	float:left;	
	width:100%;
	background-color:#00FFFF;
	height:200px;
	margin-top:50px;
}

#centro{	
	margin: 0 auto;
	width:1007px;
	height:1271px;
}


#contenido{
	float:left;
	margin-left:52px;
	width:900px; 
	height:100%;
	background-color:#FFFFFF;
	box-shadow: 2px 2px 5px 2px #ccc;
	-webkit-box-shadow: 2px 2px 5px 2px #ccc;
	-moz-box-shadow: 2px 2px 5px 2px #ccc;
}

.sombra {
	box-shadow: 2px 2px 5px 2px #ccc;
	-webkit-box-shadow: 2px 2px 5px 2px #ccc;
	-moz-box-shadow: 2px 2px 5px 2px #ccc;
	display:inline-block;
}

#cierre1{	
	width:100%;
	background-color:#011A43;
	height:20px;
	color:#FFFFFF;
	padding-top:5px;
	display:inline-block;	
	margin:0 auto;
	text-align:center;
}


#cierre2{	
	width:100%;
	background-color:#09CCFF;
	height:5px;
}

#cierre3{
	text-align:center;
	margin:0 auto;
	background-color:#ECF9FF;
	height:165px;
	display:inline-block;
}

#centrarrr{
	float:left;
	margin:0 auto;
}

#cierre4{	
	width:100%;
	background-color:#F7951A;
	height:5px;
}

#pie{
	margin: 0 auto;
	width:1007px;
	height:200px;
	background-image:url(../img/bckg-bott-2.jpg);
	background-repeat:no-repeat;
}

#pie_1{
	float:left;
	width:895px;
	height:90px;
	margin-left:52px;
	margin-top:5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	font-family:Trebuchet MS, "Tahoma";
	font-size:12px;
	color:#0A1B43;
	text-shadow:#FFFFFF 2px 1px 1px;
	border-radius: 15px;
	border:2px solid #FFFFFF;
	background:rgba(255,255,255,0.4);
	padding-top:5px;
	padding-bottom:5px;
	clear:both;
}

#pie_2{
	float:left;
	width:895px;
	height:70px;
	margin-left:52px;
	margin-top:5px;
	font-family:Trebuchet MS, "Tahoma";
	font-size:12px;
	padding-top:10px;
	clear:both;
	font-weight:bold;
	-webkit-text-fill-color: black;
	-webkit-text-stroke-color: white;
	-webkit-text-stroke-width: 0.5px;
}
.caja{
	float:left;
	width:310px;	
	margin:10px;
}

.caja_twitter{
	float:left;
	width:220px;	
	height:350px;
	margin-left:5px;
	margin-top:10px;
	background-repeat:no-repeat;
}

.caja_clientes{
	float:left;
	width:240px;	
	height:350px;
	background-image:url(../img/clientes.png);	
	margin-top:10px;
	background-repeat:no-repeat;
}

.rectangulo{
	float:left;
	clear:both;
	width:855px;
	margin-left:10px;
}

.rectangulo2{
	float:left;
	height:170px;
	margin-left:10px;
}

.texpie {
	font-family:Trebuchet MS, "Tahoma";
	font-weight:bold;
	font-size:12px;
	margin:0 55px;
}

.imagenes{
	float:left;
	margin-right:35px;
	margin-top:15px;
}

.lista_cierre{
	float:left;
	text-align:left;
	font-size:9px;
	padding-left:15px;

}

.titulos{
	color:#043B95;
	font-family:Trebuchet MS, "Tahoma";
	font-weight:bold;
}

.titulos_2{
	color:#E84B00;
	font-family:Trebuchet MS, "Tahoma";
	font-weight:bold;

}

.titulo_rectangulo_1{  
	float:left; 
	position:absolute; 
	text-align:left;
}

.ver_mas{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	float:right; 
	color:#FF9805; 
	text-shadow:#000 2px 1px 1px; 
	font-weight:bold; 
	font-style:italic; 
	position:relative; 
	top:-10px;
}

.caja_texto{
	float:left; 
	position:relative;
	background-color:transparent;
	left:380px; 
	top:-79px; 
	height:26px;
	border-style:none;
}
.caja_texto_2{
	float:left; 
	position:relative;
	background-color:transparent;
	left:380px; 
	top:-104px; 
	height:26px;
	border-style:none;
}

.caja_texto_3{
	float:left; 
	position:relative;
	background-color:transparent;
	left:-11px; 
	top:-94px; 
	height:26px;
	border-style:none;
}

.caja_texto_4{
	float:left; 
	position:relative;
	background-color:transparent;
	left:-70px; 
	top:126px; 
	height:26px;
	border-style:none;
}

.caja_texto_5{
	float:left; 
	position:relative;
	background-color:transparent;
	left:-70px; 
	top:121px; 
	height:26px;
	border-style:none;
}

.caja_texto_6{
	float:left; 
	position:relative;
	background-color:transparent;
	left:380px; 
	top:316px; 
	height:26px;
	border-style:none;
}

ul ul{
	font-weight:500;
}

ul {
	font-weight:bold;
	list-style-image:url(../img/vineta.png);
	font-family:Trebuchet MS, "Tahoma";
}

.normal {
	font-weight:normal;
}

.titulo3{
	color:#017AD7;
	font-size:18px;
	font-family:Trebuchet MS, "Tahoma";
	display:block;
	font-weight:bold;
	text-align:left;
}

.caja_listas {
	float:left; 
	width:300px; 
	height:200px;
}

.lista_corta {
	margin-left:-25px; 
	margin-top:-1px;
	font-weight:normal; 
	line-height:1;
}

.sub_caja{
	float:left; 
	text-align:justify; 
	padding:10px 15px;
}

/* SLIDER */
.container {
    position: absolute; 
    top: 50%; 
    left: 50%;
    margin: -300px 0 0 -470px; }
    
.content { background: url(../dummy-images/coffee.jpg); }
.content h1 {
	font-size: 40px; 
	text-transform: uppercase; 
	font-weight: bold; 
	text-align: center;
	margin-top: 180px;
	color: #222;
	line-height: 50px;  }
.content h3 {
	text-align: center; 
	font-size: 22px; 
	color: #222; }
/* SLIDER */
y el HTML lo voy a publicar en otra respuesta por lo de la cantidad de caracteres que permite.
__________________
Atte. Jere
Agradezco su pronta colaboración.
;-) :arriba:Hoy por mi, mañana por ti:arriba: ;-)