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 · Xerrades Interuniversità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 · projecte · biblioteca: [grups parlamentaris][sessions]
· fòrum · patrocinadors · gestió <br/ >
mapa web · accessibilitat · sobre el web · contacte
· <span class="bold">cat</span> · esp · eng<br />
© Xerrades Interuniversitàries de Catalunya</h5>
</div>
</body>
</html>