Wrox Programmer Forums
|
CSS Cascading Style Sheets All issues relating to Cascading Style Sheets (CSS).
Welcome to the p2p.wrox.com Forums.

You are currently viewing the CSS Cascading Style Sheets section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
 
Old July 2nd, 2005, 02:26 AM
Authorized User
 
Join Date: Jun 2005
Posts: 35
Thanks: 0
Thanked 0 Times in 0 Posts
Default Fixing Header & Footer

i m working in ASP.net ..
facing problem in fixing & aligning header & footer
i hav tried many different codes available on net but problem still unsolved
can anyone help regarding code

THANKS.

 
Old July 3rd, 2005, 02:52 AM
Friend of Wrox
 
Join Date: May 2004
Posts: 642
Thanks: 0
Thanked 43 Times in 42 Posts
Default

can you elaborate you problem..

Om Prakash
 
Old July 3rd, 2005, 02:53 AM
Friend of Wrox
 
Join Date: May 2004
Posts: 642
Thanks: 0
Thanked 43 Times in 42 Posts
Default

Please paste the code which is used for footer/header display.

Om Prakash
 
Old July 4th, 2005, 12:22 AM
Authorized User
 
Join Date: Jun 2005
Posts: 35
Thanks: 0
Thanked 0 Times in 0 Posts
Default

i have used the following code for header n footer:

<style type="text/css">

html, body, #wrapper
{
    min-height: 100%;
    width: 100%; height: 100%;
    margin: 0; padding: 0;
}
html>body, html>body #wrapper
{
    height: auto;
}
#wrapper
{
    position: absolute;
    left: 0;
    right: 0;
}
#footer
{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}
#header
{
        position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
}
#main
{
    margin-bottom: 3em;
    margin-top: 7em;
    height: auto;
    padding: .5em;
}

when i paste this code in my asp page .. .Net changes it into the following:

<style type="text/css">
HTML { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 100%; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100% }

BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 100%; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100% }

#wrapper { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; MIN-HEIGHT: 100%; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; HEIGHT: 100% }

UNKNOWN { HEIGHT: auto }

#wrapper { RIGHT: 0px; MIN-HEIGHT: 100%; LEFT: 0px; POSITION: absolute; HEIGHT: 100% }

#footer { WIDTH: 100%; BOTTOM: 0px; POSITION: absolute; TEXT-ALIGN: center }

#header { WIDTH: 100%; POSITION: absolute; TOP: 0px; TEXT-ALIGN: center }

#main { PADDING-RIGHT: 0.5em; MARGIN-TOP: 7em; PADDING-LEFT: 0.5em; MARGIN-BOTTOM: 3em; PADDING-BOTTOM: 0.5em; PADDING-TOP: 0.5em; HEIGHT: auto }
</style>

i have made a page wid a table in the center containing some text fields & buttons each in a different row.
the problem is that .. when the page is maximized .. it looks fine .. but when it is restored, the buttons disappear.
similar wid next page .. which contains a datagrid showing records from DB. No matter how many records in data grid .. it shows the whole grid with all records ... but only buttons in the end disappears when in restored form.
Plz help.:(






Similar Threads
Thread Thread Starter Forum Replies Last Post
Fixing header, and first column of table. rupen CSS Cascading Style Sheets 5 October 21st, 2005 08:33 AM
header footer zaman1111 JSP Basics 0 July 28th, 2005 05:00 PM
addin a header and footer rom XSLT 0 July 28th, 2005 03:24 AM
can footer value show in header? yancyn Crystal Reports 0 August 5th, 2004 01:39 AM
Print multiple header & footer from Crystal Report ashu_gupta75 Classic ASP Professional 0 February 6th, 2004 03:44 AM





Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.