Foros del Web » Creando para Internet » CSS »

Problema con imagen y float en IE6

Estas en el tema de Problema con imagen y float en IE6 en el foro de CSS en Foros del Web. Hola a todos, Estoy intentando construir una web con CSS y el Interner Explorer me da un problemilla, mientras q en Firefox se ve correcto. ...
  #1 (permalink)  
Antiguo 22/12/2004, 12:40
Avatar de ppjillol@  
Fecha de Ingreso: diciembre-2002
Mensajes: 110
Antigüedad: 15 años
Puntos: 0
Problema con imagen y float en IE6

Hola a todos,

Estoy intentando construir una web con CSS y el Interner Explorer me da un problemilla, mientras q en Firefox se ve correcto. El problema es el posicionamiento de las capas #text i #patrocinadors solamente cuando el contenido de la capa #patrocinadors contiene imagenes, si es solamente texto, se ve correcto.

Concretamente, el problema en IE es que la capa central #text queda mal posicionada empezando donde acaba la capa lateral derecha #patrocinadors. Cuendo deberian empezar a la misma altura.

He probado y buscado diferentes alternativas con float i clear:none,etc pero sin resultado. Si alguien me puede echar una manita se lo agradeceria.

muchas gracias de antemano i felices fiestas a todos,
ppjj

Aqui va el codigo:

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" xml:lang="ca" lang="ca">

<head>
<title>XICAT.ORG &middot; Xerrades Interuniversit&agrave;ries de Catalunya</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css"> 
#cos { 
	width: 90%;
	margin: 10px auto;
	background-color: #ffffff;
	color: #ac2c2c;
	line-height: 130%;	
}
#logo {
	padding: 0;
	margin: 0;
	background-color: #ffffff;
}

#menu {
	float: left;
	width: 135px;
	margin: 0;
	padding: 1em;
}
#patrocinadors {
	float: right;
	width: 150px;
	margin: 0;
	padding: 1em;
}
#text {
	margin-left: 200px;
	margin-right: 200px;
	padding: 1em;
	max-width: 36em;
	text-align:justify;
}
#peu {
	clear: both;
	margin: 0;
	padding: .5em;
	margin-left: 200px;
	margin-right: 200px;
}
#menu p, #patrocinadors p { margin: 0 0 1em 0; }
#text h2 { margin: 0 0 .5em 0; }

.imgpatrocinadors { 
	border: 1px solid gray;
	}
</style>

</head>
<body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" bgcolor="#FFFFFF">

<div id="cos"> 

  <div id="logo" > 
    <img src="imatges/logo.gif" alt="XICAT.ORG · Xerrades Interuniversitàries de Catalunya" /> 
  </div>
 
<div id="menu" class="textmenu" > 
 <h3>
 inici<br />
 projecte<br />
 biblioteca :<br />
 <span style="font-size:70%;text-transform: lowercase;letter-spacing: 0px;"> · grups parlamentaris<br />
 · sessions<br />
 </span> fòrum <br />
 patrocinadors<br />
 gestió<br />
  contacte
	</h3>
		</div>
	
  <div id="patrocinadors" class="imgpatrocinadors" > patrocinadors <img src="imatges/logos/ub.gif" alt="Universitat de Barcelona" width="97" height="60" vspace="5" /><img src="imatges/logos/ub.gif" alt="Universitat de Barcelona" width="97" height="60" vspace="5" /><img src="imatges/logos/ub.gif" alt="Universitat de Barcelona" width="97" height="60" vspace="5" /><img src="imatges/logos/ub.gif" alt="Universitat de Barcelona" width="97" height="60" vspace="5" /><img src="imatges/logos/ub.gif" alt="Universitat de Barcelona" width="97" height="60" vspace="5" /></div>
		</div>
		
<div id="text" class="textcos"> 
  <h2>Les Xerrades Interuniversitàries de Catalunya són una simulació parlamentària 
    del Parlament de Catalunya. Aquesta simulació pretén ésser una activitat didàctica 
    i alhora lúdica. </h2>
  <h2>Les primeres XIC es duran a terme el juliol de 2005 i reuniran universitaris 
    de tot Catalunya que, durant una setmana, seran parlamentaris i parlamentàries, 
    tot elaborant lleis i realitzaran els tràmits parlamentaris que donen vida 
    a la vida política catalana. </h2>
 
    </h2>
	    
</div>
<div id="peu" class="textpeu" > 
      <h5>inici &middot; projecte &middot; biblioteca: [grups parlamentaris][sessions] 
        &middot; fòrum &middot; patrocinadors &middot; gestió <br/ >
        mapa web &middot; accessibilitat &middot; sobre el web &middot; contacte 
        &middot; <span class="bold">cat</span> &middot; esp &middot; eng<br />
        &copy; Xerrades Interuniversit&agrave;ries de Catalunya</h5>
		
   </div>
  
</body>
</html>
  #2 (permalink)  
Antiguo 23/12/2004, 04:06
Avatar de ppjillol@  
Fecha de Ingreso: diciembre-2002
Mensajes: 110
Antigüedad: 15 años
Puntos: 0
perdon!!!!

se me ha colado un error en la programación!! 8-(
habia cerrado dos veces la misma etiqueta

<div id="patrocinadors" class="imgpatrocinadors" >
.....
</div></div>

ahora funciona, perdon por las molestias y gracias por la atención.

salud i buenas fiestas,
ppjjj
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 00:04.