Buenas, tengo varios problemas con CSS, podeis ver la pagina aqui...
Meruts festival
Los problemas son:
1º- En IE no me respeta el tamaño del div #decoracio i me sale duplicado
2º- La capa en la que pone publicidad (#dinss)se ve más abajo de lo que deberia, cuando deberia estar al nivel de Sobre el meruts festival (#dins)
3º- Problema con la alienacion del texto superior en IE, he testeado con la solución que està en las faqs y me pone los "botones" en mitat pantalla, toma el position absolute como de toda la página.
El css:
Código HTML:
BODY {
font: 8pt Arial;
margin: 0 0 0 0px;
text-align: center;
background-color: #fff;
}
#decoracio{
background-image: url('taudalt.gif');
height: 6px; !important
}
#contenidor{
text-align: left;
width: 770px;
margin: auto;
}
#dalt{
background-color: #00ccff;
color: #fff;
font-size:12pt;
font-weight: bold;
margin-top: 20px;
}
#dalt2{
width: 770px;
background-color: #282828;
align: center;
}
#dalt3{
background-color: #282828;
}
#cos{
margin-top: 15px;
}
#lateral{
width: 160px;
background-color: #f6f5f5;
float:left;
}
#central{
margin-left: 170px;
width: 600px;
}
#dins{
width: 400px;
}
#dinss{
margin-left: 410px;
width: 190px;
background-color: #282828;
color:#FFF;
text-align:center;
}
#peu{
background-color: #f3f3f3;
text-align: center;
margin-top: 20px;
clear: both;
}
#un{
background-image: url('boto.gif');
height: 25px;
repeat: no-repeat;
width: 75px;
color:#FFF;
font-size: 13px;
font-weight: bold;
display: table-cell;
vertical-align: middle;
text-align:center;
}
#dos{
background-image: url('boto2.gif');
height: 25px;
repeat: no-repeat;
width: 75px;
text-align:center;
color:#000;
font-size: 13px;
font-weight: bold;
display: table-cell;
vertical-align: middle;
text-align:center;
}
em {
color:#00ccff;
font-weight: bold;}
.tusencuestas_pregunta
{
font-weight: bold;
}
I la pagina en html (solo el body)...
Código HTML:
<body>
<div id="dalt3">
<div id="div">
<table width="770" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><div align="left"><img src="logo.gif" width="273" height="62" /></div></td>
<td width="87" align="right"><div id="un">INICI</div></td>
<td width="87" align="right"><div id="dos">LLOC</div></td>
<td width="87" align="right"><div id="dos">HORARIS</div></td>
<td width="87" align="right"><div id="dos">GRUPS</div></td>
<td width="91" align="right"><div id="dos">FIRMA</div></td>
</tr>
</table>
</div>
</div>
<div id="contenidor">
<div id="dalt">
Meruts festival </div>
<div id="cos">
<div id="lateral">
<div id="decoracio">
</div>
Aquí va la encuesta
</div>
<div id="central">
<div id="decoracio">
</div>
<div id="dins"><strong>SOBRE EL MERUT'S FESTIVAL</strong><br />
El <em>merut's festival</em> es presenta enguany com una aposta per bla bla bla </div>
<div id="dinss"> publicitat </div>
</div>
</div>
<div id="peu">
<strong>Merut's Festival 2007</strong> - Contacte - Publicitat - Horaris - Lloc - Grups </div>
</div>
</body>
Gracias de antemano.