Hola a todos.

 

Me ha surgido un problema que nunca hab�a visto con el flotado de capas. El
tema es el siguiente: 

 

Quiero simular una tabla con dos columnas. En una de ellas (la m�s gruesa)
ir� el contenido y en la otra ir�n otras cosas como el men�, etc. Hasta ah�
todo bien. Lo que quiero es rodear a ambas capas con un borde, de forma que
quede todo el conjunto como un rect�ngulo. Como las dos capas tienen
distinta altura, he definido una capa que hace de envoltorio de estas dos,
de tal forma que sea la que fije el fondo y el borde (quedando las otras con
fondo transparente). 

 

El problema es que al flotar las dos capas, la caja de la capa envoltorio
queda demasiado peque�a (no envuelve a las otras dos). Pod�is ver el
resultado si visit�is http://rax.ath.cx <http://rax.ath.cx/> . Como ver�is,
el fondo de la capa del pie de p�gina tambi�n �se come� el espacio donde
deber�a ir la capa envoltorio. La estructura del XHTML es la siguiente:

 

Muchas gracias de antemano

 

----------------------------------------------------------------------------
-------------------

<?xml version="1.0" encoding="ISO-8859-1"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>

<html xmlns="http://www.w3.org/1999/xhtml";>

<head>

<title>V�ctor Garc�a Gonz�lez</title>

<link rel="stylesheet" type="text/css" href="./css/style.css"/>

</head>

 

<body>

            <div id="header">

                        <h1>V�ctor Garc�a</h1>

                        <h2>Bienvenidos a mi blog</h2>

            </div>

            <div id="wrapper">        

                        <div id="content">

                                   <p>Informaci�n.</p>

                        </div>

                        <div id="barramenu">

                                   <p>Aqu� ir� la columna de cosas
varias.</p>

                        </div>

            </div>

                        

            <div id="footer">

                        &copy; 2004 V�ctor Garc�a<br/>

                        Correo electr�nico: <a href="mailto:[EMAIL PROTECTED]"
title="Enviar correo electr�nico">[EMAIL PROTECTED]</a>

            </div>

</body>

</html>

----------------------------------------------------------------------------
--------

V�ctor Garc�a

_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org

Responder a