[Ovillo] problema con alturas
Reynier Perez Mira
rperezm en estudiantes.uci.cu
Mar Nov 7 15:04:56 UTC 2006
Nuevamente yo por acá. Me he estudiado rigurosamente el documento Faux-Columns y ahora me funciona el sitio a la perfección pero en navegadores != IE. En IE no hay forma de que se me vea el fondo repetido en las Y. Aquí les va el CSS:
* {
padding: 0;
margin: 0;
}
html {
height: 100%;
}
body {
background: #000 url(../images/layout-background.jpg) repeat-y 50% 0;
color: #FFF;
font: 76% Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: center;
}
#contenedor
{
width: 990px;
text-align: left;
margin: 0 auto;
height: 100%;
background-color: #000;
}
#header
{
width: 829px;
height: 149px;
float: left;
background: #000 url(../images/banner_rv.png) no-repeat;
border-bottom: 1px solid #E89700;
}
#login
{
width: 160px;
height: 149px;
float: left;
background: #000 url(../images/bck/login_form.png) no-repeat;
border-bottom: 1px solid #E89700;
}
#contenido_izquierdo
{
width: 829px;
height: auto;
float: left;
}
#contenido_derecho
{
width: 160px;
height: auto;
float: right;
}
Y el HTML correspondiente es el siguiente:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sp" lang="sp">
<head>
<title>Portal de Simuladores y Realidad Virtual </title>
<link type="text/css" rel="stylesheet" href="http://simpro.uci.cu/themes/simpro/css/style1.css" />
</head>
<body>
<div id="contenedor">
<div id="header"> </div>
<div id="login"><div class="form_info"></div></div>
<div id="contenido_izquierdo">
<div id="navigation_bar"></div> <!-- Navegacion -->
</div> <!-- Columna izquierda -->
<div id="contenido_derecho"></div> <!-- Columna derecha -->
<div id="pie_de_pagina"></div> <!-- Pie de pagina -->
</div> <!-- Contenedor -->
</body>
</html>
¿Alguna solución para mi problema? ¿Dónde estoy metiendo la pata?
Salu2 y gracias por adelantado
--
ReynierPM | 5to Ing. Informática
Aprendiz de mucho, maestro de poco.
Más información sobre la lista de distribución Ovillo