Bueno el ejemplo del pie de pagina al final de la pagina lo saque de aca [url=http://ryanfait.com/sticky-footer/][/url]
Yo estoy tratando de crear el diseño de mi pagina con el siguiente codigo en Visual Studio 2008, css 2.1 usando master page aqui les coloco el codigo.
obviamente esto es mi html y se encuentra en mi archivo MasterPage.master (VS2008)
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
<!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">
<head runat="server">
<title>SQL Server Perú</title>
<link href="CSS/general.css" rel="stylesheet" type="text/css" />
<asp:ContentPlaceHolder id="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="frm_index" runat="server">
<div class="wrapper">
<div id="container" style="width:100%">
<div id="header" style="height:100px;" >
<div style="float:left; ">
<img src="imagenes/logosqlserverperu.png" alt="SQL Server Perú" />
</div>
</div>
<div id="content">
<div id="izquierda" style="float:left;width:150px">
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
<div id="central">
<asp:ContentPlaceHolder id="ContentPlaceHolder2" runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
</div>
<div class="push"></div>
</div>
<div class="footer">
<p>2009 - Comunidad SQL </p>
</div>
</form>
</body>
y este es mi CSS que lo saque de la pagina anterior q indique
* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
height: 4em; /* .push must be the same height as .footer */
}
Ahora tengo otro archivo html que es el index.aspx que tiene este codigo
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" Title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<h4>Col. Izq.</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Vestibulum rutrum, urna eget gravida auctor, mauris neque tempus lorem, </p>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
<h4>Col. Central</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum rutrum, </p>
</asp:Content>
Esos "content" son los q van aparecer en los ContentPlaceHolder del masterpage.
Mi problema es que el pie de pagina no lo coloca al final sino debajo del div "central" tal como se ve en la figura, ah verdad estoy usando internet explorer 8 jejeje disculpen.
[img]<a href='http://www.subirimagenes.com/otros-dibujo-2341617.html'><img src='http://s3.subirimagenes.com/otros/previo/thump_2341617dibujo.jpg' alt='subir imagenes' border='0'></a>[/img]
