Código:
#cabecera
{
font: 18px,Arial;
background: #666FFF;
color: white;
width : 434px;
margin-left : 147px;
margin-top : -30px;
}
#formulario{
margin-top : 10px;
margin-left : 144px;
width : 380px;
font : 12px, Arial;
}
#foto{
float : left;
margin-left : 0px;
width : 147px;
margin-top : 10px;
}
#lateral
{
margin-top : 12px;
width : 140px;
color : white;
background-color : #666FFF;
font: 12 px, Arial;
float : left;
}
#contenedor
{
width:510px;
align:left;
}
#pie{
clear : both;
margin : 10px 10px 0px 10px;
padding-bottom : 10px;
}
#capa{
visibility : hidden;
}
linea{
background : #311111;
}
td.titulo {
background-color : #666FFF;
color : WHITE;
text-align: left;
}
td.input{
text-align : right;
}
td.submit{
text-align : center;
}
en mozilla firefox lo refleja perfectamente lo que quiero mientras que en explorer no ?? cual puede ser el problema??
lo que quiero es q la capa foto este a la misma altura que la capa cabecera
capa lateral - capa formulario , xq me pasa eso :S
salu2
el codigo de la página es
Código HTML:
<html>
<head>
<title>Formulario toponimia</title>
<link rel="stylesheet" type="text/css" href="./recursos/Estilo.css"/>
<script type="text/javascript" src="./recursos/script.js"></script>
</head>
<body>
<div id="contenedor">
<div id="logo">
<img src="./recursos/logoSP.gif" alt="logoDeusto"/>
</div>
<div id="cabecera">
<!-- <img src="logoUd.jpg" alt="logo Deusto">
-->
Material Deusto - Toponimia
</div>
<div id="lateral">
<ul>
<li onmouseOver='mostrar()' onmouseout='ocultar()'>Informe Material</li>
<div id="capa">
hola
</div>
<li>Listado Material</li>
</ul>
</div>
<div id="formulario">
<form method="post" action="Informe.html">
<table>
<tr>
<td colspan="3" class="titulo">Informe Ordenadores Toponimia</td>
</tr>
<tr>
<td colspan = "2" class="col">Nombre</td>
<td class="input"><input type="text" name="nombre" size="50"></td>
</tr>
<tr>
<td colspan = "2" class="col">Características</td>
<td class="input"><input type="text" name="caract" size="50"></td>
</tr>
<tr>
<td colspan = "2" class="col">Tarjeta de Red</td>
<td class="input"><input type="text" name="tarjeta" size="50"></td>
</tr>
<tr>
<td colspan = "2" class="col">Memoria Ram</td>
<td class="input"><input type="text" name="ram" size="50"></td>
</tr>
<tr>
<td colspan="3" class="submit"><input type="submit" value="Enviar"></td>
</tr>
</table>
</form>
</div>
<div id="pie">
</div>
</div>
</body>
</html>