Buenas a todos y gracias de antemano.
Mi problema es el siguiente, tengo hecha una web usando el código de 3 divs del curso de esta web (muchas gracias, muy instructivo el curso). La cuestión es que en firefox se ve perfectamente, pero en iexplorer los divs 'menu' y 'login' aparecen debajo de 'lateralGrande'.
Los divs menu y login tienen tablas ya que no me he atrevido a hacerlo con divs (esta ha sido mi primera experiencia con divs).
Os pego el código, primero el css:
Y aqui va el html:
Lo dicho, gracias de antemano por la ayuda y enhorabuena por la web, es la primera vez que veo explicado de una manera clarísima y sencilla el tema de los divs, espero con impaciencia más capítulos :)
Mi problema es el siguiente, tengo hecha una web usando el código de 3 divs del curso de esta web (muchas gracias, muy instructivo el curso). La cuestión es que en firefox se ve perfectamente, pero en iexplorer los divs 'menu' y 'login' aparecen debajo de 'lateralGrande'.
Los divs menu y login tienen tablas ya que no me he atrevido a hacerlo con divs (esta ha sido mi primera experiencia con divs).
Os pego el código, primero el css:
body {background-image:url(../imagenes/fondo.jpg); background-color:#4a575d; background-repeat:no-repeat;}
#global{width:661px; padding:10px; background-color:#FFFFFF;}
#contenedor {margin:0px; padding:0px; width:663px;}
#cabecera{ vertical-align:top; width:663px; height:82px; clear:both;}
#separador{ width:auto; height:8px; clear:both;}
#separadorPeque{ width:259px; height:8px;}
#menu{ width:259px; height:164px;}
#lateralGrande {width:404px; height:424px; vertical-align:top; background-image:url(../imagenes/imagen_portada.jpg); float:right;}
#login {width:259px; height:252px; background-image:url(../imagenes/fondo_login.gif); background-repeat:repeat-x;}Y aqui va el html:
<body onload="MM_preloadImages('imagenes/btn_inicio2.gif','imagenes/btn_empresa2.gif','imagenes/btn_servicios2.gif','imagenes/btn_contacto2.gif','imagenes/btn_legal2.gif')">
<div id="global">
<div id="cabecera">[img]imagenes/barra_cabecera.jpg[/img][img]imagenes/logo.jpg[/img][img]imagenes/slogan.gif[/img]</div>
<div id="separador" align="left"></div>
<div id="contenedor">
<div id="lateralGrande"></div>
<div id="menu" align="left">
<table width="259" height="164" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>[img]imagenes/barra_menu.gif[/img]</td>
<td>
[url="index.html"][img]imagenes/btn_inicio1.gif[/img][/url]
[url="empresa.html"][img]imagenes/btn_empresa1.gif[/img][/url]
[url="servicios.html"][img]imagenes/btn_servicios1.gif[/img][/url]
[url="contacto.html"][img]imagenes/btn_contacto1.gif[/img][/url]
[url="legal.html"][img]imagenes/btn_legal1.gif[/img][/url]</td>
</tr>
</table>
</div>
<div id="separadorPeque"></div>
<div id="login">
<table width="259" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>[img]imagenes/barra_login.gif[/img]</td>
<td width="27" height="252">[img]imagenes/pixel.gif[/img]</td>
<td valign="top">
<table width="209" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="209" height="20">[img]imagenes/pixel.gif[/img]</td>
</tr>
<tr>
<td width="209">[img]imagenes/acceso.gif[/img]</td>
</tr>
<tr>
<td width="209" height="13">[img]imagenes/pixel.gif[/img]</td>
</tr>
<tr>
<td width="209" height="18">[img]imagenes/usuario.gif[/img]</td>
</tr>
<tr>
<td width="209" height="12">[img]imagenes/pixel.gif[/img]</td>
</tr>
<tr>
<td width="209" height="18">[img]imagenes/password.gif[/img]</td>
</tr>
<tr>
<td width="209" height="12">[img]imagenes/pixel.gif[/img]</td>
</tr>
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
</div>
</body>Lo dicho, gracias de antemano por la ayuda y enhorabuena por la web, es la primera vez que veo explicado de una manera clarísima y sencilla el tema de los divs, espero con impaciencia más capítulos :)