Buenas tengo un problema con Ie6 y dos DIV con float...
el codigo este:
Código PHP:
<link href="est.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
-->
</style><body>
<div class="div6c">
<div class="div6b">
<div class="div6">
<div class="div7"><a href="index.php">INICIO</a> - <a href="condiciones.php">CONDICIONES</a> - <a href="contacto.php">CONTACTO</a> - <a href="preguntas.php">PREGUNTAS FRECUENTES</a></div>
<div class="div8"><a href="index.php">ESPAÑOL</a> -<a href="e/index.php">ENGLISH</a></div>
</div>
</div>
</div>
Código:
.div6c {
width: 750px;
margin-right: auto;
margin-left: auto;
height: 40px;
}
.div6b {
width: 750px;
margin-right: auto;
margin-left: auto;
height: 40px;
float: left;
}
.div6 {
width: 750px;
margin-right: auto;
margin-left: auto;
background-color: #E9E9E9;
height: 20px;
}
.div7 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-decoration: none;
font-weight: bold;
line-height: 18px;
background-color: #E9E9E9;
float: left;
padding-left: 80px;
text-align: right;
margin-left: 113px;
}
.div8 {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-decoration: none;
font-weight: bold;
line-height: 18px;
margin-right: auto;
margin-left: auto;
background-color: #E9E9E9;
float: right;
width: 200px;
}
el problema es que el div8 aparece debajo de div7 cuando lo que necesito es que este a la derecha de div8
como soluciono esto?? preferentemente modificando solo la hoja de estilos, ya que son varios archivos en los que aparece el error
muchas gracias!!
pd: dejaria una captura para que vean el error (que solo aparece en Ie6) pero no puedo por el filtro antispam.. si quieren se las paso por pm