Esto tengo en el css, que se llama IEstyle.css:
Código :
body{
background-image:url(borde.jpg);
background-repeat:no-repeat;
margin: 10 0 10 0px;
text-align: center;
}
#contenedor{
text-align: left;
margin: auto;
margin-left:inherit;
border:0px;
height:100%;
width:80%;
padding:0;
display: table;
}
#row {
display: table-row;
}
#izquierda {
width:150px;
margin:0;
padding:0em;
display: table-cell;
}
#derecha{
width:160px;
padding:1em;
background:url(cuadro.jpg)no-repeat;
display: table-cell;
text-align:left;
}
#central{
width:270px;
padding: 1em;
display: table-cell;
text-align:left;
display:block;
}
y esto en el html:
en el head:
Código :
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="IEstyle.css" />
<![endif]-->
y en alguna parte del body:
Código :
<div class="contenedor">
<div id="row">
<div id="izquierda">
<br>
</br>
<span class="tit1"> <img src="image1.jpg" /></span>
</div>
<div id="central">
<span class="tit3"><strong>cualquier cosa</strong></span>
<span class="tit3"><strong>cualquier cosa</strong></span>
<ul>
<li><span class="otra"><strong>mas de cualquier cosa</strong></span></li>
<li><span class="otra"><strong>mas de cualquier cosa</strong></span></li>
<li><span class="otra"><strong>mas de cualquier cosa</strong></span></li>
<li><span class="otra"><strong>mas de cualquier cosa</strong></span></li>
<span class="otra"><img src="image_icon.gif"/>mas de cualquier cosa</span>
</ul>
</div>
<div id="derecha">
<span class="otro"><strong>mas de cualquier cosa</strong>mas de cualquier cosa</span>
<span class="otro">mas de cualquier cosa</span>
</div>
</div>
</div>
Desde ya les agradezco cualquier ayudita