SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Guru mwolfe's Avatar
    Join Date
    Mar 2005
    Posts
    912
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    table layout (sorry no choice) height is not filling the page

    Hi, i am using a basic 2 column layout with header and footer. On first load in firefox, the page always has about an inch or so of blank space at the bottom. All of the pages have a left column that fills the height of the screen (well if resolution is less than like 1200px).

    This only happens in firefox, not IE. When i reload the page it looks fine. Typically i only have problems with IE but this time its firefox.. I've fully validated some of my pages (not all 54) and even if they validate i still have this problem so i'm not missing any tags or anything. Any ideas on how to fix this?

    I know some will say use a css layout. I already created one and liked it a lot, unfortunately though I was not able to use SSI, or any scripting language on this site as its run off a domino server (don't get me started on this POS).. I do not know lotuscript and can't find any good information on making an easy way of including repeated content without using dreamweavers template feature.. And i only know how to do that using tables. That has been the only way i've come up with to rebuild this website without taking months to do it.

  2. #2
    SitePoint Wizard bronze trophy conradical's Avatar
    Join Date
    Jan 2005
    Location
    Atlanta
    Posts
    2,354
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Some code or the link to the page might help.

  3. #3
    SitePoint Guru mwolfe's Avatar
    Join Date
    Mar 2005
    Posts
    912
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i would but I cannot even get the site published correctly to the server. Its a county website that I rebuilt for my department (probation) I cannot get the pages to use the stylesheet once published to the server. Domino uses its own system for creating paths that work through a database. This screws up all kinds of stuff though. Having problems with loading external js files for my menu, and the stylesheet. I know very little about domino and can't seem to find very much information on the net. The problem with the table not filling the height of th page was when i run it locally on the internal server (IIS) that i am running on this computer.

    for reference though, here is my stylesheet
    Code:
    /* CSS Document */
    	body {
    		margin:0;
    		padding:0;
    	}
    
    /* --- Main Layout Structure - 2 column with top, top_nav, left, content, and footer --*/
    
    	table#layout { /*Main table*/
    		width:100%;
    		border:none;
    		border-spacing:0;
    		height:100%;
    	}
    	
    	td#top { /*header*/
    		background: #fff url('backgrounds/images_tile.gif') repeat-x top;
    		padding: 0;
    		height:68px;
    	} 
    	
    	td#footer {
    		height:20px;
    		border-top:1px solid #000;
    		border-bottom:1px solid #000;
    		background-color: #A4A47C;
    		color: #000000;
    		text-align:center;
    		font-family: tahoma, sans-serif;
    		font-size:10pt;
    	}
    	 
    	td#left { /*left content here*/
    		width:20%;
    		background: #FFCE6B url('backgrounds/badge_brown.gif');
    		padding:0;
    	}
    	td#left h1 {
    		text-align:center;
    	}
    
    	
    	td#content {
    		background: #fff url('backgrounds/leftfade.gif') repeat-y top left;
    		padding:0 0 10px 7px;
    		text-align: center;
    	} 
    	
    	td#top_nav {
    		height:20px;
    		text-align:center;
    		background:#9C662C url('buttons/button_bg.gif') repeat-x left 40%;
    		border-spacing:none;
    		padding:0;
    	}
    
    /* ----- End Layout Structure -------------------------*/
    
    
    /* -------- Miscellaneous ----*/
    	.centered {
    		margin: 0 auto;
    		text-align: center;
    	}
    	
    	img {
    		border:none;
    	}
    	
    	.icon {
    		width:95px;
    		height:95px;
    	}
    	.left {
    		text-align:left;
    	}
    
    	.right {
    		text-align:right;
    	}
    	.center {
    		text-align:center;
    	}
    
    	div#link_no_display { 
    		height:0;
    		width:0;
    		overflow:hidden;
    	}
    	
    	
    /* ------- End Miscellaneous ----*/
    
    
    /* -------- Table Styles --------*/
    
    	table {
    		margin: 0 auto; /* Center tables by default. */
    	}
    	
    	td li {
    		text-align:left; /* Adjust text in td's to left align*/
    	}
    	
    	table.three_col_table {
    		width:90%;
    		height:100%;
    		margin: 0 auto;
    	}
    	
    	table.three_col_table td {
    		text-align:center;
    		border:0;
    		padding:14px 0 14px 0;
    	}
    	table.three_col_table h1 {
    		font-family: Garamond, times, arial, sans-serif;
    		font-style:italic;
    		font-size:24pt;
    		font-weight:normal;
    	}
    	
    	hr {
    		color: #1d2a31;
    		background-color:#1d2a31;
    		height:5px;
    	}
    	table.two_col {
    		width:100%;
    		border:none;	
    	}
    	table.two_col td {
    		height: 50px;
    		width: 50%;
    		padding:10px;
    		text-align:center;
    	}
    	
    	table.new {
    		width:400px;
    		margin: 0 auto;
    		border: 1px solid black;
    	}
    	table.new th {
    		background-color:#ccc;
    		border-bottom:1px solid black;
    	}
    	table.new td {
    		border-bottom: 2px inset black;
    		border-right: 1px solid black;
    		border-left: 2px outset black;
    	}
    	
    	table.sample {
    		margin: 10px auto;
    		border-width: 1px 1px 1px 1px;
    		border-spacing: 1px 1px;
    		border-style: solid solid solid solid;
    		border-color: black black black black;
    		border-collapse: collapse;
    		background-color:  #FFF8C6;
    		width:500px;
    	}
    	table.sample th {
    		border-width: 2px 2px 2px 2px;
    		padding: 2px 2px 2px 2px;
    		border-style: inset inset inset inset;
    		border-color: gray gray gray gray;
    		background-color: #95B9C7;
    		padding:2px;
    	}
    	table.sample td {
    		border-width: 2px 2px 2px 2px;
    		padding: 2px 2px 2px 2px;
    		border-style: inset inset inset inset;
    		border-color: gray gray gray gray;
    		padding:4px;
    	}
    
    	
    /*------- End Table Styles ----- */
    
    /*------- Div Styles  -----------*/
    
    	div.content_area {
    		margin: 16px auto;
    		padding:0 0 6px 0;
    		text-align:center;
    		width:85%;
    		border-left: 1px solid black;
    		border-top: 1px outset black;
    		border-bottom:1px inset black;
    		border-right:1px inset black;
    		background-color:#FFFFCC;
    	}
    	
    	div.content_area p {
    		margin: 6px;
    		text-align:left;
    	}
    	
    	div.content_header {
    		width:100%;
    		background-color:#98B7B0;
    		text-align:center;
    		margin: 0;	
    	}	
    	div.content_header_left {
    		background-color:#E1CC79;
    		text-align:left;
    		margin:0;
    	}
    	/* --------- Fix Content Headers so they will align flush in containing div -- */
    	div.content_header h1, div.content_header h2, 
    	div.content_header h3, div.content_header h4, 
    	div.content_header h5 {
    		margin-top: 0;
    		margin-left: 0;
    		margin-right: 0;
    		margin-bottom: 4px;
    		padding:0;
    	}
    	
    	div.inner_box {
    		background-color: #E1CC79;
    		width:95%;
    		margin:0 auto;
    		padding:4px;
    		border: 1px solid black;
    	}
    	
    	div.inner_box p {
    		text-align:left;
    	}
    	
    /**--- End Div Styles ----**/
    
    /*------ List Styles ----**/
    	
    	ul.two_level li {
    		font-size: 18pt;
    	}
    	ul.two_level li li {
    		font-size: 12pt;	
    	}
    
    	ul.extra_space {
    		line-height:24pt;
    	}
    
    
    
    
    /*------- End List Styles -----*/
    
    
    
    /*------ Link Styles ------*/
    	a {
    		font-family: times, tahoma, sans-serif;
    		color:black;
    	}
    	
    	a:link, a:visited {
    		font-family: times, tahoma, sans-serif;
    		font-size:0.9em;
    	}
    	
    	#top_nav a:link, #top_nav a:visited {
    		color: #FFCE6B;
    	}
    
    
    	
    /*--------- End Link Styles -----*/

  4. #4
    SitePoint Guru mwolfe's Avatar
    Join Date
    Mar 2005
    Posts
    912
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    here's a picture of the bottom.
    I have tried using the height attribute as 100% and that doesnt seem to matter unless i changed the page so it only took up less than the height of the screen, than with that it will fill up the page regardless. But it doesnt validate then.
    It happens on every page, the first time the page is loaded. After that its fine, unless i update the page, or clear my cache, then it doesnt load correctly.
    Attached Images Attached Images


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •